|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div id="MakerSpaceWord" ref="downPDF">
|
|
|
- <div id="table">
|
|
|
+ <!-- <div id="table">
|
|
|
<div id="title">
|
|
|
<div class="school">深圳技师学院</div>
|
|
|
<div class="wordTitle">二级学院特色创客空间建设项目立项申报书</div>
|
|
|
@@ -101,26 +101,11 @@
|
|
|
<div class="chaptersValue" id="seven">
|
|
|
<span>项目简介(200-300字)</span><br/>
|
|
|
<p v-text="wordData['brief']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- show-word-limit
|
|
|
- maxlength="300"
|
|
|
- v-model="wordData['brief']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
<div class="chaptersValue" id="eight">
|
|
|
<span>建设内容（空间优化/场馆规划方面拟解决的关键问题及主要建设指标）</span><br/>
|
|
|
<p v-text="wordData['Construction']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['Construction']">
|
|
|
- </el-input> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -135,13 +120,7 @@
|
|
|
<div class="chaptersValue" id="nine">
|
|
|
<span>立项依据(说明本项目的目的、意义以及国内外高校现状、市场预测和发展趋势，预期达到的目标，研究的预期效果分析，成果受益面)</span><br/>
|
|
|
<p v-text="wordData['ProjectBasis']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['ProjectBasis']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -155,46 +134,22 @@
|
|
|
<div class="chaptersValue" id="ten">
|
|
|
<span>创客空间物理环境、制度建设及软件设施建设情况（环境优化/制度完善/设施改造）</span><br/>
|
|
|
<p v-text="wordData['development']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['development']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
<div class="chaptersValue" id="eleven">
|
|
|
<span>学生创客工作室建设情况（工作室数量及活动开展情况）</span><br/>
|
|
|
<p v-text="wordData['studio']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['studio']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
<div class="chaptersValue" id="twelve">
|
|
|
<span>学生创客团队（人才）培养预期成果、数量</span><br/>
|
|
|
<p v-text="wordData['studentTeam']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['studentTeam']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
<div class="chaptersValue" id="thirteen">
|
|
|
<span>学生创客活动组织实施情况</span><br/>
|
|
|
<p v-text="wordData['studentActivities']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['studentActivities']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
<div class="chaptersValue" id="fourteen">
|
|
|
<span>学生创客团队孵化、转化创业项目情况</span><br/>
|
|
|
@@ -220,13 +175,7 @@
|
|
|
<div class="chaptersValue" id="fifteen">
|
|
|
<span>基础条件（物理环境/设备设施/项目实施/活动开展/技术力量/社会资源）</span><br/>
|
|
|
<p v-text="wordData['condition']"></p>
|
|
|
- <!-- <el-input
|
|
|
- type="textarea"
|
|
|
- class="noCenter"
|
|
|
- :autosize="{minRows: 6}"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['condition']">
|
|
|
- </el-input> -->
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -356,8 +305,242 @@
|
|
|
<span>备注：</span>
|
|
|
<span>1.表格可顺延或另附页。</span>
|
|
|
<span>2.项目申报需附相关佐证材料。</span>
|
|
|
+ </div> -->
|
|
|
+ <table border="1" cellspacing="0" class="pdfTable">
|
|
|
+ <div class="pdfTit">
|
|
|
+ <div class="school">深圳技师学院</div>
|
|
|
+ <div class="wordTitle">二级学院特色创客空间建设项目立项申报书</div>
|
|
|
+ <div class="date">申请日期： {{ wordData['applicationDate'] }}</div>
|
|
|
</div>
|
|
|
+ <!-- <tr>
|
|
|
+ <td v-for="(item,index) in 8" :key="index">{{ index }}</td>
|
|
|
+ </tr> -->
|
|
|
+ <tr>
|
|
|
+ <td colspan="2"><span class="jc">项目名称</span></td><td colspan="2">{{ wordData['projectName'] }}</td>
|
|
|
+ <td colspan="2"><span class="jc">所在学院</span></td><td colspan="2">{{ wordData['collegeName'] }}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td colspan="2" rowspan="2"><span class="jc">项目状态</span></td>
|
|
|
+ <td>{{ wordData['stateName']=='已建设'?'√已建设':'□已建设' }}</td>
|
|
|
+ <td colspan="5">指二级学院已获得政府或学校资助（例：设计学院、信通学院、珠宝学院）
|
|
|
+ ，已有双创空间（创客实践室）场地、设备设施并已投入运营，需对空间环境优化、规章制度建设
|
|
|
+ 、小型设施设备添置、创客项目物料增补，需拓展创客项目培训、辅导，创客讲座、沙龙、论坛，
|
|
|
+ 创客路演、竞赛、集市及成果参评、参展等方面的工作而提出的资助申请。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td>{{ wordData['stateName']=='待建设'?'√待建设':'□待建设' }}</td>
|
|
|
+ <td colspan="5">
|
|
|
+ 指二级学院拟立项开展学院特色创客空间建设项目，
|
|
|
+ 需进行项目前期调研论证、场馆规划、空间图纸设计、
|
|
|
+ 设备选型等方面的工作而进行的资助申请。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td colspan="2"><span class="jc">项 目 起 始 时 间</span></td><td colspan="2">{{ wordData['begin_at'].split(' ')[0] }}</td>
|
|
|
+ <td colspan="2"><span class="jc">计划完成时间</span></td><td colspan="2">{{ wordData['plannedEnd_at'].split(' ')[0] }}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td colspan="2"><span class="jc">项 目 负 责 人</span></td><td colspan="2">{{ wordData['pro_leader'] }}</td>
|
|
|
+ <td colspan="2"><span class="jc">学院牵头领导</span></td><td colspan="2">{{ wordData['lead_leader'] }}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td colspan="2"><span class="jc">项 目 组 人 数</span></td><td>{{ wordData['teacher'].length + wordData['student'].length }}</td>
|
|
|
+ <td><span>参与教师人数</span></td><td colspan="2">{{wordData['teacher'].length}}</td>
|
|
|
+ <td><span>参与学生人数</span></td><td>{{wordData['student'].length}}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td rowspan="4"><span class="jc">项目组<br>教师团队</span><br>（团队3人以上，<br> 至少应包含1名教<br> 研室主任）</td>
|
|
|
+ <td>姓名</td><td>专业</td><td>职称</td><td>学历</td><td>所在教研室</td><td colspan="2">项目角色分工</td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item,index) in wordData['teacher']" :key="index">
|
|
|
+ <td>{{ item['name'] }}</td>
|
|
|
+ <td>{{ item['speciality'] }}</td>
|
|
|
+ <td>{{ item['title'] }}</td>
|
|
|
+ <td>{{ item['education'] }}</td>
|
|
|
+ <td>{{ item['section'] }}</td>
|
|
|
+ <td colspan="2">{{ item['work'] }}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td rowspan="6"><span class="jc">项目组<br>学生团队</span><br>（团队5人<br> 以上，学生 <br>团队<br>年级结构<br> 安排合理）</td>
|
|
|
+ <td>姓名</td><td>班级</td><td>年龄</td><td colspan="5">项目组任务分工</td>
|
|
|
+ </tr>
|
|
|
+ <tr v-for="(item,index) in wordData['student']" :key="index">
|
|
|
+ <td>{{ item['name'] }}</td>
|
|
|
+ <td>{{ item['class'] }}</td>
|
|
|
+ <td>{{ item['age'] }}</td>
|
|
|
+ <td colspan="5">{{ item['work'] }}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr id="brief">
|
|
|
+ <td rowspan="2" ref="brief"> <span class="jc">项目<br>建设<br>内容<br>及<br>目标<br> </span>（说明项目建设内容、拟解决的关键问题、创新之处、主要建设指标）</td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>项目简介（200-300字）</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['brief']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>建设内容（空间优化/场馆规划方面拟解决的关键问题及主要建设指标）</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['Construction']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr id="brief">
|
|
|
+ <td ref="brief"> <span class="jc">项目<br>建设<br>论证<br>报告<br> </span></td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>基础条件（物理环境/设备设施/项目实施/活动开展/技术力量/社会资源）</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['ProjectBasis']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr id="brief">
|
|
|
+ <td rowspan="5" ref="brief"> <span class="jc">预期<br>成果<br> </span>(项目预期成果、数量及形式，结题时：须附项目研究报告)</td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>创客空间物理环境、制度建设及软件设施建设情况（环境优化/制度完善/设施改造）</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['development']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>学生创客工作室建设情况（工作室数量及活动开展情况）</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['studio']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>学生创客团队（人才）培养预期成果、数量</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['studentTeam']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>学生创客活动组织实施情况</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['studentActivities']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>学生创客团队孵化、转化创业项目情况</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['Transforming']"></div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
|
|
|
+ <tr id="brief">
|
|
|
+ <td ref="brief"> <span class="jc">立项<br>基础<br>及<br>条件<br> </span>(说明已开展的相关研究及基础准备工作，已具备的设备场地条件和技术力量，尚缺少的条件和拟解决的途径)</td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <p>立项依据(说明本项目的目的、意义以及国内外高校现状、市场预测和发展趋势，预期达到的目标，研究的预期效果分析，成果受益面)</p>
|
|
|
+ <div style="word-wrap: break-word;word-break: break-all;" v-text="wordData['condition']"></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="6" v-text="wordData['fund']['total']+'元'"></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="wordData['fund']['device']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">材料费</td><td v-text="wordData['fund']['Materia']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">测试化验加工费</td><td v-text="wordData['fund']['processing']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">项目协作费</td><td v-text="wordData['fund']['Collaboration']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 按合同规定支付给协作单位的费用
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td rowspan="5">间接费用</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">项目成果鉴定费</td><td v-text="wordData['fund']['APPRAISAL']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 学术会务费、评审费、鉴定费、成果集制作费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">参展参赛费</td><td v-text="wordData['fund']['entery']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">创客交流活动费</td><td v-text="wordData['fund']['activities']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2">知识产权事务费</td><td v-text="wordData['fund']['Transaction']">
|
|
|
+ </td><td colspan="3">
|
|
|
+ 论文版面费、专利及其他知识产权事务等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <tr>
|
|
|
+ <td><span class="jc">所在学院/</span><br><br> <span class="jc">部门意见</span></td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+
|
|
|
+ <div style="position: absolute;bottom: 20px;right: 100px;">
|
|
|
+ <div style="transform: translate(-100px);">负责人签章：</div>
|
|
|
+ <div>年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span class="jc">财务部门</span><br><br> <span class="jc">意见</span></td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <div style="position: absolute;bottom: 20px;right: 100px;">
|
|
|
+ <div style="transform: translate(-100px);">负责人签章：</div>
|
|
|
+ <div>年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td><span class="jc">创新创业</span><br> <span class="jc">学院审核</span><br> <span class="jc">意见</span></td>
|
|
|
+ <td colspan="7" class="textLeft">
|
|
|
+ <div style="position: absolute;bottom: 20px;right: 100px;">
|
|
|
+ <div style="transform: translate(-100px);">负责人签章：</div>
|
|
|
+ <div>年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+ <div class="notes">
|
|
|
+ <span>备注：</span>
|
|
|
+ <span>1.表格可顺延或另附页。</span>
|
|
|
+ <span>2.项目申报需附相关佐证材料。</span>
|
|
|
+ </div>
|
|
|
+ </table>
|
|
|
<!-- <el-button type="primary" @click="getWord">下载表格</el-button> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -445,347 +628,347 @@
|
|
|
background-color: white;
|
|
|
padding:40px 100px;
|
|
|
box-sizing:border-box;
|
|
|
- #title{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- position: absolute;
|
|
|
- top: -140px;
|
|
|
- // 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;
|
|
|
- margin-bottom:5px;
|
|
|
- }
|
|
|
- }
|
|
|
- #table{
|
|
|
- box-sizing: border-box;
|
|
|
- border: solid 1px black;
|
|
|
- border-bottom: none;
|
|
|
- display: flex;
|
|
|
- margin-top: 130px;
|
|
|
- position: relative;
|
|
|
- flex-direction: column;
|
|
|
- .han{
|
|
|
- display: flex;
|
|
|
- height: auto;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom:solid 1px black;
|
|
|
- .label{
|
|
|
- position: relative;
|
|
|
- flex:1;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- min-height: 50px;
|
|
|
- border-right: solid 1px black;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- .value{
|
|
|
- flex: 2;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- min-height: 50px;
|
|
|
- &:not(:nth-last-child(1)){
|
|
|
- border-right: solid 1px black;
|
|
|
- }
|
|
|
- }
|
|
|
- &:nth-child(5){
|
|
|
- .label{
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
- .value{
|
|
|
- flex: 1;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .status{
|
|
|
- display: flex;
|
|
|
- height: auto;
|
|
|
- box-sizing: border-box;
|
|
|
- .statusLabel{
|
|
|
- flex:1;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: solid 1px black;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- .ValueDescribe{
|
|
|
- flex: 5;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .statusHan{
|
|
|
- display: flex;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
-
|
|
|
- .DescribeLabel{
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- // min-height: 200px;
|
|
|
- padding:40px 10px;
|
|
|
- border-right: solid 1px black;
|
|
|
- }
|
|
|
- &:nth-child(2){
|
|
|
- .DescribeLabel{
|
|
|
- min-height: 100px;
|
|
|
- }
|
|
|
- }
|
|
|
- .DescribeValue{
|
|
|
- flex: 5;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 15px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .member{
|
|
|
- display: flex;
|
|
|
- .memberLabel{
|
|
|
- flex:1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: solid 1px black;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- min-height: 200px;
|
|
|
- }
|
|
|
- .memberTable{
|
|
|
- flex: 5;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .memberHan{
|
|
|
- display: flex;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- position:relative;
|
|
|
- .memberValue{
|
|
|
- box-sizing: border-box;
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border-right: solid 1px black;
|
|
|
- min-height: 45px;
|
|
|
- &:nth-last-child(1){
|
|
|
- border-right: none;
|
|
|
- flex: 3;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .chapters{
|
|
|
- display: flex;
|
|
|
- .chaptersLabel{
|
|
|
- flex:1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 20px 0;
|
|
|
- border-right: solid 1px black;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- }
|
|
|
- .chaptersTable{
|
|
|
- flex: 5;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .chaptersValue{
|
|
|
- flex: 1;
|
|
|
- min-height:200px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- padding: 5px;
|
|
|
- span{
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .fund{
|
|
|
- display: flex;
|
|
|
- .fundTitle{
|
|
|
- flex:1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: solid 1px black;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- .fundTable{
|
|
|
- flex: 5;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- box-sizing: border-box;
|
|
|
- .fundTotal{
|
|
|
- height: 60px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- display: flex;
|
|
|
- div{
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- .fundLabel{
|
|
|
- flex: 1;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right:solid 1px black;
|
|
|
- }
|
|
|
- .fundValue{
|
|
|
- flex: 4;
|
|
|
- }
|
|
|
- }
|
|
|
- .fundHeader{
|
|
|
- min-height: 40px;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- display: flex;
|
|
|
- font-weight:bold;
|
|
|
- .HeaderLabel{
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- box-sizing: border-box;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border-right: solid 1px black;
|
|
|
- &:nth-last-child(1){
|
|
|
- flex: 2;
|
|
|
- border: none;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .fundData{
|
|
|
- display: flex;
|
|
|
- .fundDataLabel{
|
|
|
- flex:1;
|
|
|
- box-sizing: border-box;
|
|
|
- border-right: solid 1px black;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- .fundDataHan{
|
|
|
- flex: 4;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- .fundDataLie{
|
|
|
- display: flex;
|
|
|
- min-height: 40px;
|
|
|
- flex: 4;
|
|
|
- box-sizing: border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- .fundDataValue{
|
|
|
- flex: 1;
|
|
|
- min-height: 40px;
|
|
|
- display: flex;
|
|
|
- box-sizing: border-box;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- border-right: solid 1px black;
|
|
|
- &:nth-last-child(1){
|
|
|
- flex:2;
|
|
|
- border: none;
|
|
|
- justify-content: flex-start;
|
|
|
- span{
|
|
|
- padding: 10px 20px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- // .fundTable{
|
|
|
- // tr{
|
|
|
- // td{
|
|
|
- // height: 50px;
|
|
|
+ // #title{
|
|
|
+ // width: 100%;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // align-items: center;
|
|
|
+ // position: absolute;
|
|
|
+ // top: -140px;
|
|
|
+ // // margin-top: 40px;
|
|
|
+ // .school{
|
|
|
+ // font-size: 2.5em;
|
|
|
+ // font-weight: bold;
|
|
|
+ // letter-spacing: 20px;
|
|
|
+ // }
|
|
|
+ // .wordTitle{
|
|
|
+ // font-size: 2em;
|
|
|
+ // letter-spacing: .15em;
|
|
|
+ // margin-bottom:40px ;
|
|
|
// }
|
|
|
- // &:nth-child(1){
|
|
|
- // flex: 1;
|
|
|
+ // .date{
|
|
|
+
|
|
|
+ // font-size: 1em;
|
|
|
+ // position: absolute;
|
|
|
+ // bottom: 0;
|
|
|
+ // right: 100px;
|
|
|
+ // font-weight: bold;
|
|
|
+ // margin-bottom:5px;
|
|
|
// }
|
|
|
- // }
|
|
|
// }
|
|
|
- .opinion{
|
|
|
- display: flex;
|
|
|
- .opinionLabel{
|
|
|
- flex:1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- box-sizing: border-box;
|
|
|
- // padding: 3.5px;
|
|
|
- border-right: solid 1px black;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- font-weight:bold;
|
|
|
- }
|
|
|
- .opinionValue{
|
|
|
- flex: 5;
|
|
|
- min-height: 200px;
|
|
|
- position: relative;
|
|
|
- box-sizing:border-box;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- .opinionImport{
|
|
|
- display: flex;
|
|
|
- width: 30%;
|
|
|
- height:40%;
|
|
|
- flex-direction: column;
|
|
|
- position:absolute;
|
|
|
- bottom: 0px;
|
|
|
- right: 20px;
|
|
|
- justify-content: space-between;
|
|
|
- .opinionDate{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
- font-size: 18px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .notes{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction:column;
|
|
|
- // position: absolute;
|
|
|
- // bottom: -80px;
|
|
|
- }
|
|
|
+ // #table{
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border: solid 1px black;
|
|
|
+ // border-bottom: none;
|
|
|
+ // display: flex;
|
|
|
+ // margin-top: 130px;
|
|
|
+ // position: relative;
|
|
|
+ // flex-direction: column;
|
|
|
+ // .han{
|
|
|
+ // display: flex;
|
|
|
+ // height: auto;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom:solid 1px black;
|
|
|
+ // .label{
|
|
|
+ // position: relative;
|
|
|
+ // flex:1;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // min-height: 50px;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // font-weight:bold;
|
|
|
+ // }
|
|
|
+ // .value{
|
|
|
+ // flex: 2;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // min-height: 50px;
|
|
|
+ // &:not(:nth-last-child(1)){
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // &:nth-child(5){
|
|
|
+ // .label{
|
|
|
+ // flex: 1;
|
|
|
+ // }
|
|
|
+ // .value{
|
|
|
+ // flex: 1;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .status{
|
|
|
+ // display: flex;
|
|
|
+ // height: auto;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // .statusLabel{
|
|
|
+ // flex:1;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // font-weight:bold;
|
|
|
+ // }
|
|
|
+ // .ValueDescribe{
|
|
|
+ // flex: 5;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // .statusHan{
|
|
|
+ // display: flex;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+
|
|
|
+ // .DescribeLabel{
|
|
|
+ // flex: 1;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // // min-height: 200px;
|
|
|
+ // padding:40px 10px;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // }
|
|
|
+ // &:nth-child(2){
|
|
|
+ // .DescribeLabel{
|
|
|
+ // min-height: 100px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .DescribeValue{
|
|
|
+ // flex: 5;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // padding: 15px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .member{
|
|
|
+ // display: flex;
|
|
|
+ // .memberLabel{
|
|
|
+ // flex:1;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // align-items: center;
|
|
|
+ // justify-content: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // min-height: 200px;
|
|
|
+ // }
|
|
|
+ // .memberTable{
|
|
|
+ // flex: 5;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // .memberHan{
|
|
|
+ // display: flex;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // position:relative;
|
|
|
+ // .memberValue{
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // flex: 1;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // min-height: 45px;
|
|
|
+ // &:nth-last-child(1){
|
|
|
+ // border-right: none;
|
|
|
+ // flex: 3;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .chapters{
|
|
|
+ // display: flex;
|
|
|
+ // .chaptersLabel{
|
|
|
+ // flex:1;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // align-items: center;
|
|
|
+ // justify-content: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // padding: 20px 0;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // }
|
|
|
+ // .chaptersTable{
|
|
|
+ // flex: 5;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // .chaptersValue{
|
|
|
+ // flex: 1;
|
|
|
+ // min-height:200px;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // padding: 5px;
|
|
|
+ // span{
|
|
|
+ // font-weight: bold;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .fund{
|
|
|
+ // display: flex;
|
|
|
+ // .fundTitle{
|
|
|
+ // flex:1;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // align-items: center;
|
|
|
+ // justify-content: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // font-weight:bold;
|
|
|
+ // }
|
|
|
+ // .fundTable{
|
|
|
+ // flex: 5;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // .fundTotal{
|
|
|
+ // height: 60px;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // display: flex;
|
|
|
+ // div{
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // font-weight: bold;
|
|
|
+ // }
|
|
|
+ // .fundLabel{
|
|
|
+ // flex: 1;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-right:solid 1px black;
|
|
|
+ // }
|
|
|
+ // .fundValue{
|
|
|
+ // flex: 4;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .fundHeader{
|
|
|
+ // min-height: 40px;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // display: flex;
|
|
|
+ // font-weight:bold;
|
|
|
+ // .HeaderLabel{
|
|
|
+ // flex: 1;
|
|
|
+ // display: flex;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // &:nth-last-child(1){
|
|
|
+ // flex: 2;
|
|
|
+ // border: none;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .fundData{
|
|
|
+ // display: flex;
|
|
|
+ // .fundDataLabel{
|
|
|
+ // flex:1;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // font-weight:bold;
|
|
|
+ // }
|
|
|
+ // .fundDataHan{
|
|
|
+ // flex: 4;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // .fundDataLie{
|
|
|
+ // display: flex;
|
|
|
+ // min-height: 40px;
|
|
|
+ // flex: 4;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // .fundDataValue{
|
|
|
+ // flex: 1;
|
|
|
+ // min-height: 40px;
|
|
|
+ // display: flex;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // &:nth-last-child(1){
|
|
|
+ // flex:2;
|
|
|
+ // border: none;
|
|
|
+ // justify-content: flex-start;
|
|
|
+ // span{
|
|
|
+ // padding: 10px 20px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // // .fundTable{
|
|
|
+ // // tr{
|
|
|
+ // // td{
|
|
|
+ // // height: 50px;
|
|
|
+ // // }
|
|
|
+ // // &:nth-child(1){
|
|
|
+ // // flex: 1;
|
|
|
+ // // }
|
|
|
+ // // }
|
|
|
+ // // }
|
|
|
+ // .opinion{
|
|
|
+ // display: flex;
|
|
|
+ // .opinionLabel{
|
|
|
+ // flex:1;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // align-items: center;
|
|
|
+ // justify-content: center;
|
|
|
+ // box-sizing: border-box;
|
|
|
+ // // padding: 3.5px;
|
|
|
+ // border-right: solid 1px black;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // font-weight:bold;
|
|
|
+ // }
|
|
|
+ // .opinionValue{
|
|
|
+ // flex: 5;
|
|
|
+ // min-height: 200px;
|
|
|
+ // position: relative;
|
|
|
+ // box-sizing:border-box;
|
|
|
+ // border-bottom: solid 1px black;
|
|
|
+ // .opinionImport{
|
|
|
+ // display: flex;
|
|
|
+ // width: 30%;
|
|
|
+ // height:40%;
|
|
|
+ // flex-direction: column;
|
|
|
+ // position:absolute;
|
|
|
+ // bottom: 0px;
|
|
|
+ // right: 20px;
|
|
|
+ // justify-content: space-between;
|
|
|
+ // .opinionDate{
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: flex-end;
|
|
|
+ // font-size: 18px;
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // }
|
|
|
+ // .notes{
|
|
|
+ // width: 100%;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction:column;
|
|
|
+ // // position: absolute;
|
|
|
+ // // bottom: -80px;
|
|
|
+ // }
|
|
|
:deep(.el-input__inner){
|
|
|
height: 100%;
|
|
|
border-radius: 0;
|
yuanyiming