|
|
@@ -1,63 +1,180 @@
|
|
|
<template>
|
|
|
- <div ref="pdfShow" id="studentProjectWord">
|
|
|
- <table border="1" cellspacing="0" class="pdfTable">
|
|
|
- <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>
|
|
|
+ <div ref="pdfShow" id="studentProjectWord">
|
|
|
+ <table border="1" cellspacing="0" class="pdfTable">
|
|
|
+ <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><br><span>(可多选)</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>
|
|
|
+ </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>
|
|
|
+ </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>
|
|
|
@@ -65,596 +182,765 @@
|
|
|
<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>参与学生人数</td><td v-text="downWordData.studentS.filter(i=>i.name!='').length"> </td>
|
|
|
- <td>参与教师人数</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;">
|
|
|
- <span class="jc">项目学生成员</span><br>
|
|
|
- （至少2个学院以上学生构成，其中：1.创新项目、创业训练项目人数为5+3组成，其中不超过5名学生为项目主要成员，由初起二、三、四年级（高起一、二年级）学生组成，3名学生作为后备成员由一年级学生组成。2.创业实践项目人数为6+3组成，其中不超过6名学生为初起三、四、五年级（高起二、三年级）学生，3名学生作为后备成员由一年级学生组成。
|
|
|
- </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-text="item.name"></td>
|
|
|
- <td colspan="2" v-text="item.collage"></td>
|
|
|
- <td colspan="3" v-text="item.work"></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;">
|
|
|
- <span class="jc">项目组指导教师</span><br>
|
|
|
- （2个学院以上， 2-3名指导教师，指导教师须有中级以上职称或研究生以上学历，创业实践项目除配备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-text="item.name"></td>
|
|
|
- <td colspan="2" v-text="item.collage"></td>
|
|
|
- <td colspan="3" v-text="item.work"></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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" tag="plan" v-html="downWordData.introduce.plan"></span>
|
|
|
- </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>年 月 日</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>年 月 日</div>
|
|
|
- </div>
|
|
|
- </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> -->
|
|
|
- <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'
|
|
|
- "
|
|
|
+ <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名学生作为后备成员由一年级学生组成。
|
|
|
+ </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-text="item.name"></td>
|
|
|
+ <td colspan="2" v-text="item.collage"></td>
|
|
|
+ <td colspan="3" v-text="item.work"></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-3名指导教师，指导教师须有中级以上职称或研究生以上学历，创业实践项目除配备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-text="item.name"></td>
|
|
|
+ <td colspan="2" v-text="item.collage"></td>
|
|
|
+ <td colspan="3" v-text="item.work"></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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ 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"
|
|
|
+ tag="plan"
|
|
|
+ v-html="downWordData.introduce.plan"
|
|
|
+ ></span>
|
|
|
+ </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>年 月 日</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>年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </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> -->
|
|
|
+ <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'"
|
|
|
>
|
|
|
- <div
|
|
|
- class="fileBlock"
|
|
|
- v-for="(item, index) in downWordData.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="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_ic_edit"
|
|
|
- @click="$emit('fileOption',item,index,'3')"
|
|
|
+ class="chapter_upload_up"
|
|
|
+ @click="$emit('fileOption', item, index, '1')"
|
|
|
></div>
|
|
|
<div
|
|
|
- class="chapter_upload_ic_r"
|
|
|
- @click="$emit('fileOption',item,index,'4')"
|
|
|
+ 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>
|
|
|
- </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>年 月 日</div>
|
|
|
- </div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <div class="notes">
|
|
|
- <span>备注：</span>
|
|
|
- <span>1.表格可顺延或另附页。</span>
|
|
|
- <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
|
|
|
- <span>3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span>
|
|
|
</div>
|
|
|
- </table>
|
|
|
-
|
|
|
- <!-- <button @click="downpdf">pdf</button> -->
|
|
|
+ </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>年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <div class="notes">
|
|
|
+ <span>备注：</span>
|
|
|
+ <span>1.表格可顺延或另附页。</span>
|
|
|
+ <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
|
|
|
+ <span
|
|
|
+ >3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </table>
|
|
|
|
|
|
- </div>
|
|
|
- </template>
|
|
|
-
|
|
|
- <script>
|
|
|
- import beUpload from "@/components/tool/beUpload";
|
|
|
+ <!-- <button @click="downpdf">pdf</button> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
|
|
|
- // import {downloadPDF} from '@/components/tool/pdf'
|
|
|
+<script>
|
|
|
+import beUpload from "@/components/tool/beUpload";
|
|
|
|
|
|
- export default {
|
|
|
- emit:["getFile","fileOption","saveFile"],
|
|
|
- props:['reversedMessage','downWordData','signData'],
|
|
|
- components:{
|
|
|
- beUpload
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- 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:{ //经费总合
|
|
|
- },
|
|
|
- mounted(){
|
|
|
+// import {downloadPDF} from '@/components/tool/pdf'
|
|
|
|
|
|
- }
|
|
|
- };
|
|
|
- </script>
|
|
|
-
|
|
|
- <style lang="less" scoped>
|
|
|
- #studentProjectWord{
|
|
|
- width: 1400px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- background-color: #ffff;
|
|
|
- margin: 0;
|
|
|
- padding: 40px 100px;
|
|
|
- box-sizing:border-box;
|
|
|
- #title{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- // margin-top: 40px;
|
|
|
- .school{
|
|
|
- font-size: 2.5em;
|
|
|
- font-weight: bold;
|
|
|
- letter-spacing: 20px;
|
|
|
- }
|
|
|
- .wordTitle{
|
|
|
- font-size: 2em;
|
|
|
- letter-spacing: .15em;
|
|
|
- margin-bottom:40px ;
|
|
|
- }
|
|
|
- .date{
|
|
|
-
|
|
|
- font-size: 1em;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- right: 100px;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- // .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;
|
|
|
- // // white-space: nowrap;
|
|
|
- // 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;
|
|
|
- // 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;
|
|
|
- // }
|
|
|
-
|
|
|
+export default {
|
|
|
+ emit: ["getFile", "fileOption", "saveFile"],
|
|
|
+ props: ["reversedMessage", "downWordData", "signData"],
|
|
|
+ components: {
|
|
|
+ beUpload,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ 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: {
|
|
|
+ //经费总合
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+#studentProjectWord {
|
|
|
+ width: 1400px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #ffff;
|
|
|
+ margin: 0;
|
|
|
+ font-size: 18px !important;
|
|
|
+ padding: 40px 100px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ #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;
|
|
|
}
|
|
|
- // .checkArea{
|
|
|
- // span{margin-left: 50px;}
|
|
|
- // }
|
|
|
- .jc{
|
|
|
- font-weight: 600;
|
|
|
+ .wordTitle {
|
|
|
+ font-size: 2em;
|
|
|
+ letter-spacing: 0.15em;
|
|
|
+ // margin-bottom: 40px;
|
|
|
}
|
|
|
- .noFileBox {
|
|
|
- width: 98%;
|
|
|
- min-height: 200px;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- flex-wrap: nowrap;
|
|
|
- align-items: flex-start;
|
|
|
+ .date {
|
|
|
+ font-size: 1em;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 100px;
|
|
|
+ font-weight: bold;
|
|
|
}
|
|
|
- .bigBlock {
|
|
|
- width: 98%;
|
|
|
- min-height: 200px;
|
|
|
+ }
|
|
|
+ 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%;
|
|
|
+ }
|
|
|
+ // .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;
|
|
|
+ // // white-space: nowrap;
|
|
|
+ // 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;
|
|
|
+ // 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: column;
|
|
|
+ flex-direction: row;
|
|
|
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 {
|
|
|
+ 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;
|
|
|
- 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;
|
|
|
- }
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ .chapter_upload_up {
|
|
|
+ margin-right: 10px !important;
|
|
|
}
|
|
|
- .fileBoxRight {
|
|
|
+ .chapter_upload_down,
|
|
|
+ .chapter_upload_up {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ background: #e4eaf2;
|
|
|
cursor: pointer;
|
|
|
+ margin: 0 auto;
|
|
|
+ border-radius: 5px;
|
|
|
display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: nowrap;
|
|
|
+ justify-content: center;
|
|
|
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%);
|
|
|
+ .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;
|
|
|
}
|
|
|
- .delete:hover {
|
|
|
- color: #fff;
|
|
|
+
|
|
|
+ .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");
|
|
|
}
|
|
|
}
|
|
|
- .fileBlock:hover .masking-out {
|
|
|
- display: block;
|
|
|
- }
|
|
|
}
|
|
|
- </style>
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
yuanyiming