|
|
@@ -0,0 +1,1190 @@
|
|
|
+<template>
|
|
|
+ <div id="studentProjectWord">
|
|
|
+ <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名学生作为后备成员由一、二年级学生组成。
|
|
|
+ </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>年 月 日</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="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>
|
|
|
+ </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>
|
|
|
+ </div>
|
|
|
+ </table>
|
|
|
+
|
|
|
+ <!-- <button @click="downpdf">pdf</button> -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import beUpload from "@/components/tool/beUpload";
|
|
|
+
|
|
|
+// import {downloadPDF} from '@/components/tool/pdf'
|
|
|
+
|
|
|
+export default {
|
|
|
+ emit: ["getFile", "fileOption", "saveFile"],
|
|
|
+ props: ["reversedMessage", "downWordData", "signData", "download"],
|
|
|
+ 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() {
|
|
|
+ // 调用window的打印
|
|
|
+ this.$nextTick(()=>{
|
|
|
+ setTimeout(()=>{
|
|
|
+ window.print();
|
|
|
+ },1000)
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+};
|
|
|
+</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';
|
|
|
+
|
|
|
+ #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>
|
SanHQin