ssti-CollegeManage/src/views/printView/components/studentProjectWordShow.vue

<template>
  <div id="studentProjectWord">
    <div class="coverImg">
      <div class="ProNumber">项目编号：{{ downWordData.ProjectNo }}</div>

      <div
        class="onePage"
      >
        <div class="titSchool">深圳城市职业学院（深圳技师学院）</div>
        <div class="title">2024年校级学生创新创业训练计划项目申报书</div>
        <div class="basicInformation">
          <span>项目名称</span>
          <div class="line">{{ downWordData.projectName }}</div>
        </div>
        <div class="basicInformation">
          <span>申请人</span>
          <div class="line">{{ downWordData.applyParsonName }}</div>
        </div>
        <div class="basicInformation" style="color: red">
          <span>指导教师</span>
          <div class="line" style="position: relative">
            <span
              v-for="(item, index) in downWordData.teacherS"
              :key="index"
              >{{ item.name }}</span
            >
            <span style="position: absolute; right: -100px"
              >{{ downWordData.teacherS.filter(i=>i.name!='').length }}(人)</span
            >
          </div>
        </div>
        <div class="basicInformation">
          <span>申请部门</span>
          <div class="line">{{ downWordData.dp }}</div>
        </div>
        <div class="basicInformation">
          <span>申请日期</span>
          <div class="line">{{ formattedDate }}</div>
        </div>

        <div
          style="
            font-size: 28px;
            font-family: \4eff\5b8b;
            font-weight: bold;
            margin-bottom: 10px;
          "
        >
          创新创业学院制
        </div>
        <div
          style="font-size: 28px; font-family: \4eff\5b8b; font-weight: bold"
        >
          {{ nowTime }}
        </div>
      </div>
    </div>
    <table border="1" cellspacing="0" class="pdfTable" style="width: 80%;">

      <!-- <div class="pdfTit">
        <div class="school">深圳城市职业学院（深圳技师学院）</div>
        <div class="wordTitle">2024年校级学生创新创业训练计划项目申报书</div>
        <div class="date">申请日期：{{ downWordData.applicationDate }}</div>
      </div> -->
      <tr id="projectName">
        <td colspan="2" ref="projectName"><span class="jc">项目名称</span></td>
        <td colspan="5" v-text="downWordData.projectName"></td>
      </tr>
      <tr id="radio">
        <td rowspan="3" colspan="2" ref="radio">
          <span class="jc">大创项目</span>
        </td>
        <td
          v-text="
            downWordData.radio == '4a4e2cfe-e1a1-11ee-81d4-00ff5c7a43f5'
              ? '☑ 创新训练项目'
              : '□ 创新训练项目'
          "
        ></td>
        <td colspan="4">
          学生个人或团队，在导师指导下，自主完成创新性研究项目设计、研究条件准备和项目实施、研究报告撰写、成果（学术）交流等工作。
        </td>
      </tr>
      <tr>
        <td
          v-text="
            downWordData.radio == '56f0ad8d-e1a1-11ee-81d4-00ff5c7a43f5'
              ? '☑ 创业训练项目'
              : '□ 创业训练项目'
          "
        ></td>
        <td colspan="4">
          学生团队在导师指导下，团队中每个学生在项目实施过程中扮演一个或多个具体角色，完成商业计划书编制、可行性研究、企业模拟运行、撰写创业报告等工作。
        </td>
      </tr>
      <tr>
        <td
          v-text="
            downWordData.radio == 'ed917c55-f51d-11ed-a3f6-509a4c5b67cf'
              ? '☑ 创业实践项目'
              : '□ 创业实践项目'
          "
        ></td>
        <td colspan="4">
          学生团队在学校导师和企业导师共同指导下，采用创新训练项目或创新性实验等成果，提出具有市场前景的创新性产品或服务，以此为基础开展创业实践活动。
        </td>
      </tr>
      <tr id="checkList">
        <td colspan="2" ref="checkList">
          <span class="jc">特色项目美丽校园改造计划</span><br />
        </td>
        <td colspan="5">
          <span class="checkAreaBlc"
            ><span
              v-text="
                downWordData['schoolRadio'].indexOf('1') != -1 ? '☑ ' : '□ '
              "
            ></span
            ><span>校园安全项目</span></span
          >
          <span class="checkAreaBlc"
            ><span
              v-text="
                downWordData['schoolRadio'].indexOf('2') != -1 ? '☑ ' : '□ '
              "
            ></span
            ><span>环境治理项目</span></span
          >
          <span class="checkAreaBlc"
            ><span
              v-text="
                downWordData['schoolRadio'].indexOf('3') != -1 ? '☑ ' : '□ '
              "
            ></span
            ><span>校园服务项目</span></span
          >
          <span class="checkAreaBlc"
            ><span
              v-text="
                downWordData['schoolRadio'].indexOf('4') != -1 ? '☑ ' : '□ '
              "
            ></span
            ><span>文创装置项目</span></span
          >
          <!-- <span  class="checkAreaBlc"><span v-text="downWordData['checkList'].indexOf('1')!=-1?'☑ ':'□ '"></span><span>大赛选拔项目</span></span>
              <span class="checkAreaBlc"><span v-text="downWordData['checkList'].indexOf('2')!=-1?'☑ ':'□ '"></span><span>落地注册项目</span></span>
              <span class="checkAreaBlc"><span v-text="downWordData['checkList'].indexOf('3')!=-1?'☑ ':'□ '"></span><span>社会征集项目</span></span>
              <span class="checkAreaBlc"><span v-text="downWordData['checkList'].indexOf('4')!=-1?'☑ ':'□ '"></span><span>产业命题项目</span></span> -->
        </td>
      </tr>
      <tr id="schoolRadio">
        <td colspan="2" ref="schoolRadio">
          <span class="jc">优先支持项目(可多选)</span>
        </td>
        <td colspan="5" style="padding: 20px 0">
          <div
            style="
              display: flex;
              flex-direction: column;
              align-items: flex-start;
            "
          >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('1') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span>团队合作项目、跨学科合作项目。</span></span
            >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('2') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span
                >科技创新、低空经济、银发经济、乡村振兴、助残助学、非遗文创等新技术、新产业、新业态、新模式方面的项目。</span
              ></span
            >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('3') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span>企业真实生产经营项目或外包服务项目。</span></span
            >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('4') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span>社会征集项目、产业命题项目。</span></span
            >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('5') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span>近两年内参与校级以上创新创业大赛并获奖的项目。</span></span
            >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('6') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span
                >美丽校园改造计划中的校园智能产品及文创产品的研发项目。</span
              ></span
            >
            <span class="checkAreaBlc"
              ><span
                v-text="
                  downWordData['checkList'].indexOf('7') != -1 ? '☑ ' : '□ '
                "
              ></span
              ><span
                >申报人为港澳籍、学校扶贫班及在校贫困生申报的项目</span
              ></span
            >
          </div>

          <!-- <span class="checkAreaBlc"><span v-text="downWordData['schoolRadio'].indexOf('1')!=-1?'☑ ':'□ '"></span><span>校园安全项目</span></span>
              <span class="checkAreaBlc"><span v-text="downWordData['schoolRadio'].indexOf('2')!=-1?'☑ ':'□ '"></span><span>环境治理项目</span></span>
              <span class="checkAreaBlc"><span v-text="downWordData['schoolRadio'].indexOf('3')!=-1?'☑ ':'□ '"></span><span>校园服务项目</span></span>
              <span class="checkAreaBlc"><span v-text="downWordData['schoolRadio'].indexOf('4')!=-1?'☑ ':'□ '"></span><span>文创装置项目</span></span> -->
        </td>
      </tr>
      <!-- <tr id="applyParsonRadio">
            <td colspan="2" ref="applyParsonRadio" ><span class="jc">项目申请人</span></td>
            <td colspan="3">
              <span v-text="downWordData['applyParsonRadio'].indexOf('1')!=-1?'☑ ':'□ '"></span><span>在校学生</span>
            </td><td colspan="3">
              <span v-text="downWordData['applyParsonRadio'].indexOf('2')!=-1?'☑ ':'□ '"></span><span>入驻学校孵化基地的初创企业法人</span>
            </td>
          </tr> -->
      <tr id="applyParsonName">
        <td colspan="2" ref="applyParsonName">
          <span class="jc">申 请 人 姓 名</span>
        </td>
        <td colspan="1" v-text="downWordData.applyParsonName"></td>
        <td ref="college"><span class="jc">所在学院/班级</span></td>
        <td v-text="downWordData.dp"></td>
        <td ref="tel"><span class="jc">联系电话</span></td>
        <td v-text="downWordData.tel"></td>
      </tr>
      <tr id="beginTime">
        <td colspan="2" ref="beginTime">
          <span class="jc">项 目 起 始 时 间</span>
        </td>
        <td colspan="2" v-text="downWordData.beginTime.split(' ')[0]"></td>
        <td ref="endTime"><span class="jc">计划完成时间</span></td>
        <td colspan="2" v-text="downWordData.endTime.split(' ')[0]"></td>
      </tr>
      <tr>
        <td colspan="2"><span class="jc">项 目 组 人 数</span></td>
        <td
          v-text="
            downWordData.studentS.filter((i) => i.name != '').length +
            downWordData.teacherS.filter((i) => i.name != '').length
          "
        ></td>
        <td class="jc">参与学生人数</td>
        <td
          v-text="downWordData.studentS.filter((i) => i.name != '').length"
        ></td>
        <td class="jc">参与教师人数</td>
        <td
          v-text="downWordData.teacherS.filter((i) => i.name != '').length"
        ></td>
      </tr>
      <tr id="studentS">
        <!-- <td :rowspan="downWordData.studentS.length+1" ref="studentS"><span class="jc">项目组</span><br><span class="jc">学生成员</span><br> （至少2 <br>个学院以上<br> 学生构成<br>，团队 5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td> -->
        <td
          :rowspan="downWordData.studentS.length + 1"
          ref="studentS"
          style="padding: 20px 30px"
        >
          <span class="jc">项目学生成员</span><br />
          <!-- （至少2个学院以上学生构成，其中：
          1.创新项目、创业训练项目人数为5+3组成，其中不超过5名学生为项目主要成员，由初起二、三、四年级（高起一、二年级）学生组成，3名学生作为后备成员由一、二年级学生组成。
          2.创业实践项目人数为6+3组成，其中不超过6名学生为初起三、四、五年级（高起二、三年级）学生，3名学生作为后备成员由一、二年级学生组成。 -->
          1.团队成员（包括负责人）5-8人。
2.鼓励跨学院、跨专业、跨年级联合申报。
3.每位学生可以作为团队成员参与最多两个项目，但只能担任1个项目的负责人。
        </td>
        <td>姓名</td>
        <td colspan="2">所在学院/部门/专业</td>
        <td colspan="3">项目组角色分工</td>
      </tr>
      <tr
        style="position: relative"
        v-for="(item, index) in downWordData.studentS"
        :key="index + 'a'"
      >
        <td v-html="item.name.replace(/\n/g, '<br>')"></td>
        <td colspan="2" v-html="item.collage.replace(/\n/g, '<br>')"></td>
        <td colspan="3" v-html="item.work.replace(/\n/g, '<br>')"></td>
      </tr>
      <tr id="teacherS">
        <!-- <td :rowspan="downWordData.teacherS.length+1" ref="teacherS"><span class="jc">项目组</span><br><span class="jc"> 指导教师</span><br> （2个学院以上， <br>团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td> -->
        <td
          :rowspan="downWordData.teacherS.length + 1"
          ref="teacherS"
          style="padding: 20px 30px"
        >
          <span class="jc">项目组指导教师</span><br />
          （2个学院以上，
          2-4名指导教师，指导教师须有中级以上职称或研究生以上学历，创业实践项目除配备2名以上校内指导教师外，还须配备1名企业指导教师。）
        </td>
        <td>姓名</td>
        <td colspan="2">所在学院/部门/专业</td>
        <td colspan="3">项目组角色分工</td>
      </tr>
      <tr
        style="position: relative !important"
        v-for="(item, index) in downWordData.teacherS"
        :key="index + 'b'"
      >
        <td v-html="item.name.replace(/\n/g, '<br>')"></td>
        <td colspan="2" v-html="item.collage.replace(/\n/g, '<br>')"></td>
        <td colspan="3" v-html="item.work.replace(/\n/g, '<br>')"></td>
      </tr>
      <tr id="brief">
        <td rowspan="5" ref="brief">
          <span class="jc">研发</span><br /><br />
          <span class="jc">内容</span>
        </td>
        <td colspan="6" class="textLeft">
          <p>项目简介（200-300字）</p>
          <div
            style="word-wrap: break-word; word-break: break-all"
            v-text="downWordData.brief"
          ></div>
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目研发背景</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="back"
            v-html="downWordData.introduce.back"
          ></span>
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目创新点</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="innovate"
            v-html="downWordData.introduce.innovate"
          ></span>
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>技术研发路线</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="path"
            v-html="downWordData.introduce.path"
          ></span>
        </td>
      </tr>
      <tr>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目应用场景</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="scene"
            v-html="downWordData.introduce.scene"
          ></span>
        </td>
      </tr>
      <tr>
        <td>
          <span class="jc">商业模式</span><br /><br />
          <span class="jc">及社会价值</span>
        </td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>项目商业模式/社会价值</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="worth"
            v-html="downWordData.introduce.worth"
          ></span>
        </td>
      </tr>
      <tr>
        <td>
          <span class="jc">团队</span><br /><br />
          <span class="jc">优势</span>
        </td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>团队构成及优势</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="team"
            v-html="downWordData.introduce.team"
          ></span>
        </td>
      </tr>
      <tr>
        <td>
          <span class="jc">研发</span><br /><br />
          <span class="jc">成本</span>
        </td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>研发成本来源及构成</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="cost"
            v-html="downWordData.introduce.cost"
          ></span>
        </td>
      </tr>
      <tr>
        <td rowspan="3">
          <span class="jc">预期</span><br /><br />
          <span class="jc">成果</span>
        </td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <p>
            项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）
          </p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="expectResults"
            v-html="downWordData.introduce.expectResults"
          ></span>
        </td>
      </tr>
      <tr class="textLeft">
        <td style="text-align: left" colspan="6">
          <p>学生创客人才培养预期成果、数量（教师填写）</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="expectResultsTeacher"
            v-html="downWordData.introduce.expectResultsTeacher"
          ></span>
        </td>
      </tr>
      <tr class="textLeft">
        <td style="text-align: left" colspan="6">
          <p>项目预期孵化、转化创业项目情况</p>
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="expectConversion"
            v-html="downWordData.introduce.expectConversion"
          ></span>
        </td>
      </tr>
      <tr>
        <td>
          <span class="jc">实施</span><br /><br />
          <span class="jc">计划</span>
        </td>
        <td style="text-align: left" colspan="6" class="textLeft">
          <span
            :class="['downImage', download ? 'downloadClass' : '']"
            tag="plan"
            v-html="downWordData.introduce.plan"
          ></span>
        </td>
      </tr>
      <tr>
        <td><span class="jc">附件上传</span></td>
        <td colspan="6" class="textLeft">
          <!-- <el-button type="primary" style="position: absolute; right: 130px; top: 5px" v-if="![1,2].includes($store.state.userInfo.type)" @click="$emit('saveFile')">保存</el-button> -->

          <div
            style="margin: 0"
            :class="
              downWordData.attachment.length > 0 ? 'bigBlock' : 'noFileBox'
            "
          >
            <div
              class="fileBlock"
              v-for="(item, index) in downWordData.attachment"
              :key="index + 'l'"
            >
              <div class="fileBox">
                <div
                  class="fileBoxLeft"
                  @click="$emit('fileOption', item, index, '0')"
                >
                  <div class="chapter_upload_l_i3"></div>
                  <div class="titName">{{ item.fileName }}</div>
                </div>
              </div>
            </div>
          </div>
        </td>
      </tr>
      <tr id="fund">
        <td rowspan="12" ref="fund">
          <span class="jc">预算</span><br /><br />
          <span class="jc">经费</span>
        </td>
        <td>总经费</td>
        <td
          colspan="5"
          v-text="reversedMessage == 0 ? '' : reversedMessage + '元'"
        ></td>
      </tr>
      <tr>
        <td>支出类别</td>
        <td colspan="2">支出项目</td>
        <td>金额（元）</td>
        <td colspan="4">备 注</td>
      </tr>
      <tr>
        <td rowspan="5">直接费用</td>
      </tr>
      <tr>
        <td colspan="2">小型仪器设备费</td>
        <td v-text="downWordData.fund.device"></td>
        <td colspan="2">
          项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用（固定资产除外）。
        </td>
      </tr>
      <tr>
        <td colspan="2">材料费</td>
        <td v-text="downWordData.fund.Material"></td>
        <td colspan="2">
          项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">测试化验加工费</td>
        <td v-text="downWordData.fund.processing"></td>
        <td colspan="2">
          项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">项目协作费</td>
        <td v-text="downWordData.fund.Collaboration"></td>
        <td colspan="2">按合同规定支付给协作单位的费用</td>
      </tr>

      <tr>
        <td rowspan="5">间接费用</td>
      </tr>
      <tr>
        <td colspan="2">项目成果鉴定费</td>
        <td v-text="downWordData.fund.APPRAISAL"></td>
        <td colspan="2">学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
      </tr>
      <tr>
        <td colspan="2">参展参赛费</td>
        <td v-text="downWordData.fund.entery"></td>
        <td colspan="2">
          参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">创客交流活动费</td>
        <td v-text="downWordData.fund.activities"></td>
        <td colspan="2">
          创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
        </td>
      </tr>
      <tr>
        <td colspan="2">论文版面费</td>
        <td v-text="downWordData.fund.Transaction"></td>
        <td colspan="2">论文版面费、专利及其他知识产权事务等费用。</td>
      </tr>
      <tr>
        <td>
          <span class="jc">所在学院</span><br /><br />
          <span class="jc">初审意见</span>
        </td>
        <td colspan="6" class="textLeft">
          <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="position: absolute; bottom: 20px; right: 100px">
            <div style="transform: translate(-100px)">
              负责人签章：{{
                signData && signData.filter((i) => i.type == 4).length
                  ? signData.filter((i) => i.type == 4)[0].username
                  : ""
              }}
            </div>
            <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>
          <span class="jc">创新创业学院</span><br /><br />
          <span class="jc">审核意见</span>
        </td>
        <td colspan="6" class="textLeft">
          <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="position: absolute; bottom: 20px; right: 100px">
            <div style="transform: translate(-100px)">
              负责人签章：{{
                signData && signData.filter((i) => i.type == 0).length
                  ? signData.filter((i) => i.type == 0)[0].username
                  : ""
              }}
            </div>
            <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><span class="jc">专家意见</span></td>
        <td colspan="6" class="textLeft">
					<span v-if="downWordData.opinion.find(i=>i.type=='1')" style="position: absolute;left: 15px;top: 15px;">{{downWordData.opinion.find(i=>i.type=='1').text}}</span>
          <!-- <el-button type="primary" style="position: absolute; right: 130px; top: 5px" v-if="![1,2].includes($store.state.userInfo.type)" @click="$emit('saveFile')">保存</el-button> -->
          <!-- <beUpload
            v-if="![1, 2].includes($store.state.userInfo.type)"
            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
            :class="downWordData.opinion.length > 0 ? 'bigBlock' : 'noFileBox'"
          >
            <div
              class="fileBlock"
              v-for="(item, index) in downWordData.opinion"
              :key="index + 'l'"
              v-show="item.type=='1'"
            >
              <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 v-if="downWordData.promotion!=-1" style="width: 95%;margin: 10px 0; display: flex;justify-content: end;">2024年4月16日</div>

        </td>
      </tr>
      <tr>
        <td><span class="jc">学校终审意见</span></td>
        <td colspan="6" class="textLeft">
          <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>
      <div class="notes">
        <span>备注：</span>
        <span>1.表格可顺延或另附页。</span>
        <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
      </div>
    </table>

    <!-- <button @click="downpdf">pdf</button> -->
  </div>
</template>

<script>
import beUpload from "@/components/tool/beUpload";
import { getNowDate } from "@/components/tool/Date.js";

// import {downloadPDF} from '@/components/tool/pdf'

export default {
  emit: ["getFile", "fileOption", "saveFile"],
  props: ["reversedMessage", "downWordData", "signData", "download"],
  components: {
    beUpload,
    getNowDate
  },
  data() {
    return {
      nowTime: getNowDate(1),
      accept: "*",
      progress: {
        value: 0,
        show: false,
      },
    };
  },
  methods: {
    getFile(file) {
      this.$emit("getFile", file);
      this.progress.show = false;
    },
    ProgressFormat(value) {
      //进度条
      return value == 100 ? "100%" : `${value}%`;
    },
    // downpdf(){
    //     downloadPDF(this.$refs.pdf)
    // },
  },
  computed: {
    //经费总合
    formattedDate() {
      const date = new Date(this.downWordData.btime);
      const year = date.getFullYear();
      const month = ('0' + (date.getMonth() + 1)).slice(-2); // 月份从0开始，所以加1
      const day = ('0' + date.getDate()).slice(-2);
      return `${year}年${month}月${day}日`;
    }
  },
  mounted() {

	},
};
</script>

<style lang="less" scoped>
#studentProjectWord {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffff;
  margin: 0;
	box-sizing: border-box;
	// padding: 0 40px;
  font-size: 18px !important;
  // font-family: 'FangSong';
  .ProNumber{
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 28px;
    // font-size: 25px;
    // width: 100% !important;
  }
  .onePage {
    // height: 300px;
    width: 100%;
    text-align: center;
    .titSchool {
      // font-weight: 600;
      // font-size: 35px;
      margin-bottom: 30px;
      // font-family: \6977\4f53;
      font-weight: 600;
        font-size: 44px;
        letter-spacing: 10px;
    }
    .title {
      // font-weight: 600;
      // font-size: 32px;
      margin-bottom: 30px;
      font-family: \9ed1\4f53;
      margin-bottom: 100px;
      font-size: 36px;
      letter-spacing: 0.15em;
    }
    .line {
      width: 420px;
      border-bottom: 1px black solid;
    }
    .basicInformation {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32px;
      font-family: \4eff\5b8b;
      font-weight: bold;
      margin-bottom: 50px;

      span {
        width: 130px;
        text-align: justify;
        text-align-last: justify;
        /*兼容ie*/
        text-justify: distribute-all-lines;
        margin-right: 10px;
      }
    }
  }
  .coverImg{
    height: 100vh;
    width: 80%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  // #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;
  //   }
  // }

	.pdfTable {
    //查看详情已完结页面的下载pdf的table样式
    border: none;
    border-top: solid 1px black;
    // border-right:  solid 1px black;
    border-left: solid 1px black;
    position: relative;

    font-size: 20px;
    width: 100% !important;
		min-width: auto;
		max-width: auto;
		position: relative;
  color: black;
  width: 90%;
  margin: 0 auto;
	// margin-top: 150px;
  margin-bottom: 20px;
  // font-size: 19px;
  // font-family: \5b8b\4f53;
    .jc {
      font-weight: 600;
    }
    .pdfTit {
      position: absolute;
      top: -140px;
      left: 50%;
      width: 100%;
      transform: translate(-50%);
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      .school {
        font-weight: 600;
        font-size: 44px;
        letter-spacing: 10px;
      }
      .wordTitle {
        font-weight: 500;
        font-size: 32px;
        width: 100%;
        text-align: center;
        letter-spacing: 5px;
        margin-bottom: 10px;
      }
      .date {
        font-weight: bold;
        font-size: 20px;
        transform: translate(400px);
      }
    }

    .notes {
      position: absolute;
      width: 100%;
      display: flex;
      flex-direction: column;
    }
    .checkAreaBlc {
      text-align: left;
      margin: 5px 0 5px 40px;
    }
    .textLeft {
      text-align: left;
      vertical-align: top;
      position: relative;
      max-width: 300px;
      height: 300px;
      .reviewComments {
        margin: 30px 30px 80px 30px;
      }
      // white-space: nowrap;
      p:first-child {
        font-weight: 600;
      }
      div > p {
        font-weight: unset !important;
      }
      span > p {
        font-weight: unset !important;
      }
      span {
        // white-space: nowrap
        word-wrap: break-word;
        word-break: break-all;
      }
      :deep(.el-textarea__inner) {
        border: none;
        border-radius: 0px;
        text-align: left !important;
        font-size: 16px;
      }
    }
    tr {
      // position: relative;
      // height: 80px;
      td {
        border: none;
        border-bottom: solid 1px black;
        border-right: solid 1px black;
        height: 50px;
        text-align: center;
        line-height: 30px;
        min-width: 160px;
        max-width: 250px;
        box-sizing: border-box;
        padding: 5px;
        :deep(.el-select .el-input .el-select__caret) {
          display: none;
        }
        :deep(.el-textarea__inner) {
          // padding: 0;
          border: none;
          border-radius: 0px;
          text-align: center;
          font-size: 16px;
        }
        :deep(.el-input__inner) {
          border: none;
          border-radius: 0px;
          text-align: center;
          font-size: 16px;
        }
        :deep(input)::-webkit-outer-spin-button,
        :deep(input)::-webkit-inner-spin-button {
          -webkit-appearance: none;
        }
        :deep(input)[type="number"] {
          -moz-appearance: textfield;
        }
      }
    }
  }
  tr td {
    // border: none;
    // border-top: solid 1px black;
    // // border-left: solid 1px black;

    font-size: 18px;
    height: 50px;
    text-align: center;
    line-height: 30px;
    width: 14.3%;
  }
  // .table{
  //     border: none;
  //     border-top: solid 1px black;
  //     border-right:  solid 1px black;
  //     border-left:  solid 1px black;
  .textLeft {
    text-align: left;
    vertical-align: top;
    position: relative;
    max-width: 100%;
    height: 200px;
  }
  //       :deep(.el-textarea__inner){
  //         border: none ;
  //         border-radius: 0px;
  //         text-align: left !important;
  //         font-size: 16px;
  //       }
  //     }
  //     tr{
  //       position: relative;
  // td{
  //   border: none;
  //   border-bottom: solid 1px black;
  //   border-right: solid 1px black;
  //   height: 50px;
  //   text-align: center;
  //   line-height: 30px;
  //   min-width: 80px;
  //   box-sizing: border-box;
  //   padding: 5px;
  // }
  //       p{
  //         font-weight: 600;
  //       }
  //       :deep(.el-select .el-input .el-select__caret){
  //         display: none;
  //       }
  //       :deep(.el-textarea__inner){
  //         // padding: 0;
  //         border: none ;
  //         border-radius: 0px;
  //         text-align: center;
  //         font-size: 16px;
  //       }
  //       :deep(.el-input__inner){
  //         border: none ;
  //         border-radius: 0px;
  //         text-align: center;
  //         font-size: 16px;
  //       }
  //       :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;
  // }
}
// .checkArea{
//     span{margin-left: 50px;}
// }
.jc {
  font-weight: 600;
}
.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: 23.5pt !important;
  font-family: "FangSong" !important;
  color: black !important;
  line-height: 30pt !important;
}

@media print {
  @page {
    margin: 20px;
    /* 设置页边距 */
  }

  // body {
  //   padding: 50px 0;
  //   /* 留出页脚空间 */
  // }
  // header {
  //   position: fixed;
  //   /* 固定页脚位置 */
  //   top: 0;
  //   /* 置于页面底部 */
  //   width: 100%;
  //   /* 宽度占满整个页面 */
  //   height: 50px;
  //   /* 设置页脚高度 */
  //   text-align: center;
  //   /* 居中对齐 */
  //   font-size: 20px;
  //   /* 设置字号 */
  //   display: block;
  //   line-height: 50px;
  // }
  // footer {
  //   position: fixed;
  //   /* 固定页脚位置 */
  //   bottom: 0;
  //   /* 置于页面底部 */
  //   width: 100%;
  //   /* 宽度占满整个页面 */
  //   height: 50px;
  //   /* 设置页脚高度 */
  //   text-align: center;
  //   /* 居中对齐 */
  //   font-size: 20px;
  //   /* 设置字号 */
  //   display: block;
  //   line-height: 50px;
  // }
}
html,
body {
  overflow: unset;
  .dialog_diy {
    /deep/.el-dialog__header {
      background: #3c3c3c !important;
      padding: 15px 20px;
    }
    /deep/.el-dialog__title {
      color: #fff;
    }
    /deep/.el-dialog__headerbtn {
      top: 19px;
    }
    /deep/.el-dialog__headerbtn .el-dialog__close {
      color: #fff;
    }
    /deep/.el-dialog__headerbtn .el-dialog__close:hover {
      color: #fff;
    }
    /deep/.el-dialog__body,
    /deep/.el-dialog__footer {
      background: #fafafa;
    }
  }
}
</style>