|
@@ -1,59 +1,74 @@
|
|
|
<template>
|
|
|
<div ref="pdfShow" id="studentProjectWord">
|
|
|
-
|
|
|
<table border="1" cellspacing="0" class="pdfTable">
|
|
|
<div class="pdfTit">
|
|
|
<div class="school">深圳技师学院</div>
|
|
|
- <div class="wordTitle">学 生 创 客 项 目 申 报 书</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="2" colspan="2" ref="radio"><span class="jc">项目分组</span></td><td v-text="downWordData.radio=='ed917c55-f51d-11ed-a3f6-509a4c5b67cf'?'√ 创意组':'□ 创意组'">
|
|
|
- </td>
|
|
|
- <td colspan="4">立项项目为新立项项目,项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式,产生较好的社会效益。</td>
|
|
|
+ <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=='ed917c55-f51d-11ed-a3f6-509a4c5b67cf'?'□ 初创组':'√ 初创组'">
|
|
|
- </td>
|
|
|
- <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目(毕业两年内),项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
|
|
|
+ <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>
|
|
|
- <span>(可多选)</span>
|
|
|
+ <span class="jc">特色项目美丽校园改造计划</span><br>
|
|
|
</td>
|
|
|
<td colspan="5">
|
|
|
- <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['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">
|
|
|
- <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 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>
|
|
|
+ <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">
|
|
|
+ <!-- <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>
|
|
|
- <!-- <el-radio v-model="downWordData.applyParsonRadio" label="1">在校学生</el-radio> -->
|
|
|
+ <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>
|
|
|
- <!-- <el-radio v-model="downWordData.applyParsonRadio" label="2">入驻学校孵化基地的初创企业法人</el-radio> -->
|
|
|
+ <span v-text="downWordData['applyParsonRadio'].indexOf('2')!=-1?'☑ ':'□ '"></span><span>入驻学校孵化基地的初创企业法人</span>
|
|
|
</td>
|
|
|
- </tr>
|
|
|
+ </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 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">
|
|
@@ -67,7 +82,13 @@
|
|
|
</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"><span class="jc">项目组</span><br><span class="jc">学生成员</span><br></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>
|
|
@@ -76,7 +97,13 @@
|
|
|
</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"><span class="jc">项目组</span><br><span class="jc"> 指导教师</span><br></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>
|
|
@@ -85,7 +112,7 @@
|
|
|
</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>项目简介</p>
|
|
|
+ <p>项目简介(200-300字)</p>
|
|
|
<div style="word-wrap: break-word;word-break: break-all;" v-text="downWordData.brief"></div>
|
|
|
</td>
|
|
|
</tr>
|
|
@@ -222,33 +249,107 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
<tr>
|
|
|
- <td><span class="jc">所在学院/</span><br><br> <span class="jc">部门意见</span></td>
|
|
|
+ <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);">负责人签章:</div>
|
|
|
- <div>年 月 日</div>
|
|
|
+ <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><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);">负责人签章:</div>
|
|
|
- <div>年 月 日</div>
|
|
|
+ <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><br> <span class="jc">学院审核</span><br> <span class="jc">意见</span></td>
|
|
|
- <td colspan="6" class="textLeft">
|
|
|
- <div style="position: absolute;bottom: 20px;right: 100px;">
|
|
|
- <div style="transform: translate(-100px);">负责人签章:</div>
|
|
|
- <div>年 月 日</div>
|
|
|
+ <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>
|
|
@@ -263,22 +364,39 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import beUpload from "@/components/tool/beUpload";
|
|
|
+
|
|
|
// import {downloadPDF} from '@/components/tool/pdf'
|
|
|
|
|
|
export default {
|
|
|
- props:['reversedMessage','downWordData'],
|
|
|
+ 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(){
|
|
|
|
|
@@ -288,13 +406,13 @@
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
#studentProjectWord{
|
|
|
- width: 1200px;
|
|
|
+ width: 1400px;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
background-color: #ffff;
|
|
|
margin: 0;
|
|
|
- padding: 40px 0px;
|
|
|
+ padding: 40px 100px;
|
|
|
box-sizing:border-box;
|
|
|
#title{
|
|
|
width: 100%;
|
|
@@ -400,5 +518,143 @@
|
|
|
// }
|
|
|
.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;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|