|
|
@@ -0,0 +1,710 @@
|
|
|
+<template>
|
|
|
+<div id="MakerSpaceWord">
|
|
|
+ <div id="title">
|
|
|
+ <div class="school">深圳技师学院</div>
|
|
|
+ <div class="wordTitle">二级学院特色创客空间建设项目立项申报书</div>
|
|
|
+ <div class="date">申请日期： xxxx年 xx月 xx日</div>
|
|
|
+ </div>
|
|
|
+ <div id="table">
|
|
|
+ <div class="han">
|
|
|
+ <div class="label">项目名称</div><div class="value">
|
|
|
+ <!-- {{wordData['projectName']}} -->
|
|
|
+ <el-input v-model="wordData['projectName']"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="label">所在学院</div><div class="value">
|
|
|
+ <el-input v-model="wordData['college']"></el-input>
|
|
|
+ <!-- {{wordData['college']}} -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="status">
|
|
|
+ <div class="statusLabel">项目状态</div>
|
|
|
+ <div class="ValueDescribe">
|
|
|
+ <div class="statusHan">
|
|
|
+ <div class="DescribeLabel">
|
|
|
+ <el-radio v-model="wordData['state']" label="00a3aa2f-f51e-11ed-a3f6-509a4c5b67cf">已建设</el-radio>
|
|
|
+ <!-- <el-checkbox v-model="wordData['ing']" @click.stop="changeState('00a3aa2f-f51e-11ed-a3f6-509a4c5b67cf')">已建设</el-checkbox> -->
|
|
|
+ </div><div class="DescribeValue">指二级学院已获得政府或学校资助（例：设计学院、信通学院、珠宝学院），已有双创空间（创客实践室）场地、设备设施并已投入运营，需对空间环境优化、规章制度建设、小型设施设备添置、创客项目物料增补，需拓展创客项目培训、辅导，创客讲座、沙龙、论坛，创客路演、竞赛、集市及成果参评、参展等方面的工作而提出的资助申请。</div>
|
|
|
+ </div>
|
|
|
+ <div class="statusHan">
|
|
|
+ <div class="DescribeLabel">
|
|
|
+ <el-radio v-model="wordData['state']" label="04692ef6-f51e-11ed-a3f6-509a4c5b67cf">待建设</el-radio>
|
|
|
+ <!-- <el-checkbox v-model="wordData['ed']" @click.stop="changeState('04692ef6-f51e-11ed-a3f6-509a4c5b67cf')">待建设</el-checkbox> -->
|
|
|
+ </div><div class="DescribeValue">指二级学院拟立项开展学院特色创客空间建设项目，需进行项目前期调研论证、场馆规划、空间图纸设计、设备选型等方面的工作而进行的资助申请。</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="han">
|
|
|
+ <div class="label">项目起始时间</div><div class="value">{{wordData['begin_at']}}</div>
|
|
|
+ <div class="label">计划完成时间</div><div class="value">{{wordData['plannedEnd_at']}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="han">
|
|
|
+ <div class="label">项目负责人</div><div class="value">{{wordData['pro_leader']}}</div>
|
|
|
+ <div class="label">学院牵头领导</div><div class="value">{{wordData['lead_leader']}}</div>
|
|
|
+ </div>
|
|
|
+ <div class="han">
|
|
|
+ <div class="label">项目组人数</div><div class="value">{{ wordData['teacher'].length+wordData['student'].length }}</div>
|
|
|
+ <div class="label">参与教师人数</div><div class="value">{{wordData['teacher'].length}}</div>
|
|
|
+ <div class="label">参与学生人数</div><div class="value">{{wordData['student'].length }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="member">
|
|
|
+ <div class="memberLabel">
|
|
|
+ <span>项目组</span>
|
|
|
+ <span>教师团队</span>
|
|
|
+ <span>（团队3人以上，</span>
|
|
|
+ <span>至少应包含1名教</span>
|
|
|
+ <span>研室主任）</span>
|
|
|
+ <!-- 项目组<br/>教师团队<br/>（团队3人以上，<br/>至少应包含1名教<br/>研室主任） -->
|
|
|
+ </div>
|
|
|
+ <div class="memberTable" :style="wordData['teacher'].length<4?'border-bottom:solid 1px black':''">
|
|
|
+ <div class="memberHan">
|
|
|
+ <div class="memberValue">姓名</div>
|
|
|
+ <div class="memberValue">专业</div>
|
|
|
+ <div class="memberValue">职称</div>
|
|
|
+ <div class="memberValue">学历</div>
|
|
|
+ <div class="memberValue">所在教研室</div>
|
|
|
+ <div class="memberValue">项目组角色分工</div>
|
|
|
+ </div>
|
|
|
+ <div class="memberHan" v-for="(item,index) in wordData['teacher']" :key="index">
|
|
|
+ <div class="memberValue">{{item['name']}}</div>
|
|
|
+ <div class="memberValue">{{item['speciality']}}</div>
|
|
|
+ <div class="memberValue">{{item['title']}}</div>
|
|
|
+ <div class="memberValue">{{ item['education'] }}</div>
|
|
|
+ <div class="memberValue">{{ item['section'] }}</div>
|
|
|
+ <div class="memberValue">{{ item['work'] }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="member">
|
|
|
+ <div class="memberLabel">
|
|
|
+ <span>项目组</span>
|
|
|
+ <span>学生团队</span>
|
|
|
+ <span>（团队5人以上，</span>
|
|
|
+ <span>学生团队年级结构</span>
|
|
|
+ <span>安排合理）</span>
|
|
|
+ <!-- 项目组<br/>教师团队<br/>（团队3人以上，<br/>至少应包含1名教<br/>研室主任） -->
|
|
|
+ </div>
|
|
|
+ <div class="memberTable" :style="wordData['student'].length<4?'border-bottom:solid 1px black':''">
|
|
|
+ <div class="memberHan">
|
|
|
+ <div class="memberValue">姓名</div>
|
|
|
+ <div class="memberValue">班级</div>
|
|
|
+ <div class="memberValue">年龄</div>
|
|
|
+ <div class="memberValue">项目组角色分工</div>
|
|
|
+ </div>
|
|
|
+ <div class="memberHan" v-for="(item,index) in wordData['student']" :key="index">
|
|
|
+ <div class="memberValue">{{item['name']}}</div>
|
|
|
+ <div class="memberValue">{{ item['class'] }}</div>
|
|
|
+ <div class="memberValue">{{ item['age'] }}</div>
|
|
|
+ <div class="memberValue">{{item['work']}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapters">
|
|
|
+ <div class="chaptersLabel">
|
|
|
+ <span>项目</span><span>建设</span><span>内容</span><span>及</span><span>目标</span><span>（说明项目建设内</span><span>容、拟解决的关键</span><span>问题、创新之处、</span><span>主要建设指标）</span>
|
|
|
+ </div>
|
|
|
+ <div class="chaptersTable">
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>项目简介(200-300字)</span><br/>
|
|
|
+ {{wordData['brief']}}
|
|
|
+ </div>
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>建设内容（空间优化/场馆规划方面拟解决的关键问题及主要建设指标）</span><br/>
|
|
|
+ {{wordData['Construction']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapters">
|
|
|
+ <div class="chaptersLabel">
|
|
|
+ <span>项目</span><span>建设</span><span>论证</span><span>报告</span>
|
|
|
+ </div>
|
|
|
+ <div class="chaptersTable">
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>立项依据(说明本项目的目的、意义以及国内外高校现状、市场预测和发展趋势，预期达到的目标，研究的预期效果分析，成果受益面)</span><br/>
|
|
|
+ {{wordData['ProjectBasis']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapters">
|
|
|
+ <div class="chaptersLabel">
|
|
|
+ <span>预期</span><span>成果</span><span>(项目预期成果、</span><span>数量及形式，结题</span><span>时：须附项目研究</span><span>报告)</span>
|
|
|
+ </div>
|
|
|
+ <div class="chaptersTable">
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>创客空间物理环境、制度建设及软件设施建设情况（环境优化/制度完善/设施改造）</span><br/>
|
|
|
+ {{wordData['development']}}
|
|
|
+ </div>
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>学生创客工作室建设情况（工作室数量及活动开展情况）</span><br/>
|
|
|
+ {{wordData['studio']}}
|
|
|
+ </div>
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>学生创客团队（人才）培养预期成果、数量</span><br/>
|
|
|
+ {{wordData['studentTeam']}}
|
|
|
+ </div>
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>学生创客活动组织实施情况</span><br/>
|
|
|
+ {{wordData['studentActivities']}}
|
|
|
+ </div>
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>学生创客团队孵化、转化创业项目情况</span><br/>
|
|
|
+ {{wordData['Transforming']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="chapters">
|
|
|
+ <div class="chaptersLabel">
|
|
|
+ <span>立项</span>
|
|
|
+ <span>基础</span>
|
|
|
+ <span>及</span>
|
|
|
+ <span>条件</span>
|
|
|
+ <span>(说明已开展的相</span>
|
|
|
+ <span>关研究及基础准备</span>
|
|
|
+ <span>工作，已具备的设</span>
|
|
|
+ <span>备场地条件和技术</span>
|
|
|
+ <span>力量，尚缺少的条</span>
|
|
|
+ <span>件和拟解决的途</span>
|
|
|
+ <span>径)</span>
|
|
|
+ </div>
|
|
|
+ <div class="chaptersTable">
|
|
|
+ <div class="chaptersValue">
|
|
|
+ <span>基础条件（物理环境/设备设施/项目实施/活动开展/技术力量/社会资源）</span><br/>
|
|
|
+ {{wordData['condition']}}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fund" v-for="(item,index) in wordData['fund']" :key="index">
|
|
|
+ <div class="fundTitle">
|
|
|
+ 预算<br/>经费
|
|
|
+ </div>
|
|
|
+ <div class="fundTable">
|
|
|
+ <div class="fundTotal">
|
|
|
+ <div class="fundLabel">总经费</div>
|
|
|
+ <div class="fundValue">{{item['total']}}元</div>
|
|
|
+ </div>
|
|
|
+ <div class="fundHeader">
|
|
|
+ <div class="HeaderLabel">支出类别</div>
|
|
|
+ <div class="HeaderLabel">支出项目</div>
|
|
|
+ <div class="HeaderLabel">金额（元）</div>
|
|
|
+ <div class="HeaderLabel">备注</div>
|
|
|
+ </div>
|
|
|
+ <div class="fundData">
|
|
|
+ <div class="fundDataLabel">直接费用</div>
|
|
|
+ <div class="fundDataHan">
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">小型仪器设备费</div>
|
|
|
+ <div class="fundDataValue">{{ item['device'] }}</div>
|
|
|
+ <div class="fundDataValue">{{item['deviceRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">材料费</div>
|
|
|
+ <div class="fundDataValue">{{ item['Material'] }}</div>
|
|
|
+ <div class="fundDataValue">{{ item['MaterialRemarks'] }}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">测试化验加工费</div>
|
|
|
+ <div class="fundDataValue">{{item['processing']}}</div>
|
|
|
+ <div class="fundDataValue">{{item['processingRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">项目协作费</div>
|
|
|
+ <div class="fundDataValue">{{item['Collaboration']}}</div>
|
|
|
+ <div class="fundDataValue">{{item['CollaborationRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundData">
|
|
|
+ <div class="fundDataLabel">间接费用</div>
|
|
|
+ <div class="fundDataHan">
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">项目成果鉴定费</div>
|
|
|
+ <div class="fundDataValue">{{item['APPRAISAL']}}</div>
|
|
|
+ <div class="fundDataValue">{{item['APPRAISALRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">参展参赛费</div>
|
|
|
+ <div class="fundDataValue">{{item['entery']}}</div>
|
|
|
+ <div class="fundDataValue">{{item['enteryRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">创客交流活动费</div>
|
|
|
+ <div class="fundDataValue">{{item['activities']}}</div>
|
|
|
+ <div class="fundDataValue">{{item['activitiesRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="fundDataLie">
|
|
|
+ <div class="fundDataValue">知识产权事务费</div>
|
|
|
+ <div class="fundDataValue">{{item['Transaction']}}</div>
|
|
|
+ <div class="fundDataValue">{{item['TransactionRemarks']}}</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="opinion">
|
|
|
+ <div class="opinionLabel">所在学院/部门<br/> 意 见</div>
|
|
|
+ <div class="opinionValue">
|
|
|
+ <div class="opinionImport">
|
|
|
+ <div class="opinionChapter">负责人签章：</div>
|
|
|
+ <div class="opinionDate">年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="opinion">
|
|
|
+ <div class="opinionLabel">财务部门<br/>意 见</div>
|
|
|
+ <div class="opinionValue">
|
|
|
+ <div class="opinionImport">
|
|
|
+ <div class="opinionChapter">负责人签章：</div>
|
|
|
+ <div class="opinionDate">年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="opinion">
|
|
|
+ <div class="opinionLabel">创新创业学院<br/>审 核 意 见</div>
|
|
|
+ <div class="opinionValue">
|
|
|
+ <div class="opinionImport">
|
|
|
+ <div class="opinionChapter">负责人签章：</div>
|
|
|
+ <div class="opinionDate">年 月 日</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="notes">
|
|
|
+ <span>备注：</span>
|
|
|
+ <span>1.表格可顺延或另附页。</span>
|
|
|
+ <span>2.项目申报需附相关佐证材料。</span>
|
|
|
+ </div>
|
|
|
+ <!-- <table id="tableData" border="1px" cellpadding="7" cellspacing="0">
|
|
|
+ <tr>
|
|
|
+ <td width="15%" colspan="1">项目名称</td>
|
|
|
+ <td width="45%" colspan="3">XX学院XX（名称）特色创客空间建设</td>
|
|
|
+ <td >所在学院</td>
|
|
|
+ <td colspan="2">xxxxxxxxxxxxxx</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="15%" colspan="1" rowspan="2">项目状态</td>
|
|
|
+ <td width="15%" colspan="1">口已建设</td>
|
|
|
+ <td colspan="5">指二级学院已获得政府或学校资助（例：设计学院、信通学院、珠宝学院），已有双创空间（创客实践室）场地、设备设施并已投入运营，需对空间环境优化、规章制度建设、小型设施设备添置、创客项目物料增补，需拓展创客项目培训、辅导，创客讲座、沙龙、论坛，创客路演、竞赛、集市及成果参评、参展等方面的工作而提出的资助申请。</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td width="15%" colspan="1">口待建设</td>
|
|
|
+ <td colspan="5">指二级学院拟立项开展学院特色创客空间建设项目，需进行项目前期调研论证、场馆规划、空间图纸设计、设备选型等方面的工作而进行的资助申请。</td>
|
|
|
+ </tr>
|
|
|
+ </table> -->
|
|
|
+</div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ wordData:{
|
|
|
+ year:"", //申请日期年
|
|
|
+ month:"", //申请日期月
|
|
|
+ day:"", //申请日期日
|
|
|
+ ing:false, //待建设
|
|
|
+ ed:false, //已建设
|
|
|
+ state:"",
|
|
|
+ projectName:"",//项目名称
|
|
|
+ college:"",//
|
|
|
+ begin_at:"",//项目开始时间
|
|
|
+ plannedEnd_at:"",//计划完成时间
|
|
|
+ pro_leader:"",//项目负责人
|
|
|
+ lead_leader:"",//学院牵头领导
|
|
|
+ people:"",//项目组人数
|
|
|
+ teacherNum:"",//参与教师人数
|
|
|
+ studentNum:"",//参与学生人数
|
|
|
+ teacher:[
|
|
|
+ {name:"",speciality:"",title:"",education:"",section:"",work:""},
|
|
|
+ {name:"",speciality:"",title:"",education:"",section:"",work:""},
|
|
|
+ {name:"",speciality:"",title:"",education:"",section:"",work:""},
|
|
|
+ {name:"",speciality:"",title:"",education:"",section:"",work:""},
|
|
|
+ // {name:"",speciality:"",title:"",education:"",section:"",work:""},
|
|
|
+ ], //教师组//name：姓名 speciality：专业 title：职称 education：学历 section：所在教研室 work：项目组角色分工
|
|
|
+ student:[
|
|
|
+ {name:"",class:"",age:"",work:""},
|
|
|
+ {name:"",class:"",age:"",work:""},
|
|
|
+ {name:"",class:"",age:"",work:""},
|
|
|
+ {name:"",class:"",age:"",work:""},
|
|
|
+ // {name:"",class:"",age:"",work:""},
|
|
|
+ ], //学生组//name：姓名 class：班级 age：年龄 work：项目组任务分工
|
|
|
+ brief:"",//项目简介
|
|
|
+ Construction:"",//建设内容
|
|
|
+ ProjectBasis:"",//立项依据
|
|
|
+ development:"",//创客空间物理环境、制度建设及软件设施建设情况
|
|
|
+ studio:"",//学生创客工作室建设情况
|
|
|
+ studentTeam:"",//学生创客团队（人才）培养预期成果、数量
|
|
|
+ studentActivities:"",//学生创客活动组织实施情况
|
|
|
+ Transforming:"",//学生创客团队孵化、转化创业项目情况
|
|
|
+ condition:"",//立 项基 础及条 件
|
|
|
+ fund:[],//预算经费
|
|
|
+ //total：总经费
|
|
|
+ //小型仪器设备费：device deviceRemarks
|
|
|
+ //材料费：Material MaterialRemarks
|
|
|
+ //测试化验加工费：processing processingRemarks
|
|
|
+ //项目协作费：Collaboration CollaborationRemarks
|
|
|
+ //项目成果鉴定费：APPRAISAL APPRAISALRemarks
|
|
|
+ //参展参赛费：entery enteryRemarks
|
|
|
+ //创客交流活动费：activities activitiesRemarks
|
|
|
+ //知识产权事务费：Transaction TransactionRemarks
|
|
|
+ }
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+ },
|
|
|
+ };
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+#MakerSpaceWord{
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #eaeef1;
|
|
|
+ #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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // #tableData{
|
|
|
+ // width: 100%;
|
|
|
+
|
|
|
+ // }
|
|
|
+ #table{
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: solid 1px black;
|
|
|
+ border-bottom: none;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .han{
|
|
|
+ display: flex;
|
|
|
+ height: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom:solid 1px black;
|
|
|
+ .label{
|
|
|
+ flex:1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ min-height: 50px;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ // padding: 10px 12px;
|
|
|
+ }
|
|
|
+ .value{
|
|
|
+ flex: 1;
|
|
|
+ // padding: 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .status{
|
|
|
+ display: flex;
|
|
|
+ height: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .statusLabel{
|
|
|
+ flex:1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // padding: 3.5px;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items: center;
|
|
|
+ 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;
|
|
|
+ // padding: 3.5px;
|
|
|
+ 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;
|
|
|
+ .memberValue{
|
|
|
+ // padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ min-height: 40px;
|
|
|
+ &: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;
|
|
|
+ // padding: 3.5px;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ }
|
|
|
+ .fundTable{
|
|
|
+ flex: 5;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .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;
|
|
|
+ border-right:solid 1px black;
|
|
|
+ }
|
|
|
+ .fundValue{
|
|
|
+ flex: 4;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .fundHeader{
|
|
|
+ min-height: 40px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ display: flex;
|
|
|
+ .HeaderLabel{
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ 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;
|
|
|
+ }
|
|
|
+ .fundDataHan{
|
|
|
+ flex: 4;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .fundDataLie{
|
|
|
+ display: flex;
|
|
|
+ min-height: 40px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ .fundDataValue{
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items:center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-right:solid 1px black;
|
|
|
+ &:nth-last-child(1){
|
|
|
+ flex:2;
|
|
|
+ justify-content: flex-start;
|
|
|
+ border: none;
|
|
|
+ text-indent: 1em;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ :deep(.el-input__inner){
|
|
|
+ min-height: 50px;
|
|
|
+ border-radius: 0;
|
|
|
+ width: 100%;
|
|
|
+ background: none;
|
|
|
+ color: black;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
Q-ABAB