Merge branch 'master' of https://git.cocorobo.cn/CocoRoboLabs/ssti-CollegeManage

src/components/studentProjectWord.vue

@@ -16,24 +16,46 @@
               style="width: 100%;"
               resize="none"
               placeholder="请输入项目名称"
-              v-model="input">
+              v-model="data.projectName">
             </el-input>
         </td>
       </tr>
       <tr>
-        <td rowspan="2" colspan="2">项目分组</td><td>创意组</td><td colspan="4">立项项目为新立项项目，项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式，产生较好的社会效益。</td>
+        <td rowspan="2" colspan="2">项目分组</td><td>
+          <el-radio v-model="data.radio" label="1">创意组</el-radio>
+        </td>
+        <td colspan="4">立项项目为新立项项目，项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式，产生较好的社会效益。</td>
       </tr> 
       <tr>
-                                    <td>初创组</td> <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目（毕业两年内），项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
+        <td>
+          <el-radio v-model="data.radio" label="2">初创组</el-radio>
+        </td>
+        <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目（毕业两年内），项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
       </tr> 
       <tr>
-        <td colspan="2">优先支持项目（可多选）</td> <td colspan="5">□大赛选拔项目  √ 落地注册项目  √ 社会征集项目   √ 产业命题项目</td>
+        <td colspan="2">优先支持项目（可多选）</td> <td colspan="5">
+          <el-checkbox-group v-model="data.checkList">
+            <el-checkbox label="大赛选拔项目"></el-checkbox>
+            <el-checkbox label="落地注册项目"></el-checkbox>
+            <el-checkbox label="社会征集项目"></el-checkbox>
+            <el-checkbox label="产业命题项目"></el-checkbox>
+          </el-checkbox-group>
+        </td>
       </tr>
       <tr>
-        <td colspan="2">美丽校园改造项目（特色项目）</td> <td colspan="5">□校园安全项目  □ 环境治理项目  √ 校园服务项目   □文创装置项目</td>
+        <td colspan="2">美丽校园改造项目（特色项目）</td> <td colspan="5">
+          <el-radio v-model="data.schoolRadio" label="1">校园安全项目</el-radio>
+          <el-radio v-model="data.schoolRadio" label="2">环境治理项目</el-radio>
+          <el-radio v-model="data.schoolRadio" label="3">校园服务项目</el-radio>
+          <el-radio v-model="data.schoolRadio" label="4">文创装置项目</el-radio>
+        </td>
       </tr>
       <tr>
-        <td colspan="2">项 目 申 请 人</td><td colspan="2">√ 在校学生</td><td colspan="3">□ 入驻学校孵化基地的初创企业法人</td>
+        <td colspan="2">项 目 申 请 人</td><td colspan="2">
+          <el-radio v-model="data.applyParsonRadio" label="1">在校学生</el-radio>
+        </td><td colspan="3">
+          <el-radio v-model="data.applyParsonRadio" label="2">入驻学校孵化基地的初创企业法人</el-radio>
+        </td>
       </tr>
       <tr>
         <td colspan="2">申 请 人 姓 名</td><td colspan="1">
@@ -43,7 +65,7 @@
               style="width: 100%;"
               resize="none"
               placeholder="请输入姓名"
-              v-model="input">
+              v-model="data.applyParsonName">
             </el-input>
         </td>
         <td>参与学院/公司</td>
@@ -54,15 +76,24 @@
               style="width: 100%;"
               resize="none"
               placeholder="请输入学院"
-              v-model="input">
+              v-model="data.college">
+            </el-input>
+        </td><td>联系电话</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入电话"
+              v-model="data.tel">
             </el-input>
-        </td><td>联系电话</td><td>16625253232</td>
+        </td>
       </tr>
       <tr>
         <td colspan="2">项 目 起 始 时 间</td>
         <td colspan="2">
           <el-date-picker
-              v-model="input"
+              v-model="data.beginTime"
               type="date"
               placeholder="请选择项目计划完成时间"
               prefix-icon="none"
@@ -70,7 +101,7 @@
             </el-date-picker></td>
             <td>计划完成时间</td>
             <td colspan="2"><el-date-picker
-              v-model="input"
+              v-model="data.endTime"
               type="date"
               placeholder="请选择项目计划完成时间"
               prefix-icon="none"
@@ -78,74 +109,246 @@
             </el-date-picker></td>
       </tr>
       <tr>
-        <td colspan="2">项 目 组 人 数</td><td>7</td><td>参与学生人数</td><td>2</td><td>参与教师人数</td><td>5</td>
+        <td colspan="2">项 目 组 人 数</td>
+        <td>
+          
+            {{ data.studentS.length + data.teacherS.length }}
+
+          </td>
+        <td>参与学生人数</td>
+        <td>
+          
+            {{ data.studentS.length }}
+          </td>
+          <td>参与教师人数</td>
+          <td>
+            {{ data.teacherS.length }}
+          </td>
       </tr>
       <tr>
-        <td rowspan="6">项目组学生成员（至少2个学院以上学生构成，团队5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项 目 组 角 色 分 工</td>
+        <td rowspan="6">项目组学生成员（至少2个学院以上学生构成，团队5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
       </tr>
-      <tr v-for="(Sitem,index) in 5" :key="index+'a'">
-        <td></td><td colspan="2"></td><td colspan="3"></td>
+      <tr v-for="(item,index) in data.studentS" :key="index+'a'">
+        <td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入姓名"
+              v-model="item.name">
+            </el-input>
+        </td>
+        <td colspan="2">
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入所在学院/部门/专业"
+              v-model="item.college">
+            </el-input>
+        </td>
+        <td colspan="3">
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入项目组角色分工"
+              v-model="item.work">
+            </el-input>
+        </td>
       </tr>
       <tr>
-        <td rowspan="4">项目组指导教师（2个学院以上，团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项 目 组 角 色 分 工</td>
+        <td :rowspan="data.teacherS.length+1">项目组指导教师（2个学院以上，团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
       </tr>
-      <tr v-for="(Titem,index) in 3" :key="index+'b'">
-        <td></td><td colspan="2"></td><td colspan="3"></td>
+      <tr v-for="(item,index) in data.teacherS" :key="index+'b'">
+        <td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入姓名"
+              v-model="item.name">
+            </el-input>
+        </td>
+        <td colspan="2">
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入所在学院/部门/专业"
+              v-model="item.college">
+            </el-input>
+        </td>
+        <td colspan="3">
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="请输入项目组角色分工"
+              v-model="item.work">
+            </el-input>
+        </td>
       </tr>
       <tr>
-        <td rowspan="5">研发内容</td><td style="text-align: left;" colspan="6">
+        <td rowspan="5">研发内容</td><td style="text-align: left;position: relative;" colspan="6" class="textLeft">
           <p>项目简介（200-300字）</p>
-          fsgnsraartsnj
+            <el-input
+              type="textarea"
+              :rows="6"
+              resize="none"
+              placeholder="请输入项目简介"
+              style="width: 100%;"
+              v-model="data.brief">
+            </el-input>
+            <div style="color: #ccc;position: absolute;right: 60px;bottom: 10px;">{{ data.brief.length }}/300</div>
         </td>
       </tr>
-      <tr v-for="(Citem,index) in Rcontent" :key="index+'c'">
-        <td style="text-align: left;" colspan="6">
-          <p>{{ Citem.tit }}</p>
-
+      <tr>
+        <td style="text-align: left;" colspan="6" class="textLeft">
+          <p>项目研发背景</p>
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.back">
+            </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td style="text-align: left;" colspan="6" class="textLeft">
+          <p>项目创新点</p>
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.innovate">
+            </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td style="text-align: left;" colspan="6" class="textLeft">
+          <p>技术研发路线</p>
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.path">
+            </el-input>
+        </td>
+      </tr>
+      <tr>
+        <td style="text-align: left;" colspan="6" class="textLeft">
+          <p>项目应用场景 </p>
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.scene">
+            </el-input>
         </td>
       </tr>
       <tr>
         <td>商业模式及社会价值</td>
-        <td style="text-align: left;" colspan="6">
+        <td style="text-align: left;" colspan="6" class="textLeft">
           <p>项目商业模式/社会价值</p>
-          
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.worth">
+            </el-input>
         </td>
       </tr>
       <tr>
         <td>团队优势</td>
-        <td style="text-align: left;" colspan="6">
+        <td style="text-align: left;" colspan="6" class="textLeft">
           <p>团队构成及优势</p>
-          
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.team">
+            </el-input>
         </td>
       </tr>
       <tr>
         <td>研发成本</td>
-        <td style="text-align: left;" colspan="6">
+        <td style="text-align: left;" colspan="6" class="textLeft">
           <p>研发成本来源及构成</p>
-          
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.cost">
+            </el-input>
         </td>
       </tr>
       <tr>
         <td rowspan="3">预期成果</td>
-        <td style="text-align: left;" colspan="6">
+        <td style="text-align: left;" colspan="6" class="textLeft">
           <p>项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）</p>
-          
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.expectResults">
+            </el-input>
         </td>
       </tr>
-      <tr v-for="(Citem,index) in expectResult" :key="index+'d'">
+      <tr class="textLeft">
         <td style="text-align: left;" colspan="6">
-          <p>{{ Citem.tit }}</p>
-
+          <p>学生创客人才培养预期成果、数量（教师填写）</p>
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.expectResultsTeacher">
+            </el-input>
+        </td>
+      </tr>
+      <tr class="textLeft">
+        <td style="text-align: left;" colspan="6">
+          <p>项目预期孵化、转化创业项目情况</p>
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="data.introduce.expectResultsTeacher">
+            </el-input>
         </td>
       </tr>
       <tr>
         <td>实施计划</td>
-        <td style="text-align: left;" colspan="6">
-          
+        <td style="text-align: left;" colspan="6" class="textLeft">
+          <el-input
+              type="textarea"
+              :rows="6"
+              style="width: 100%;"
+              resize="none"
+              v-model="input">
+            </el-input>
         </td>
       </tr>
       <tr>
-        <td rowspan="12">预算经费</td><td>总经费</td><td colspan="5">100万</td>
+        <td rowspan="12">预算经费</td><td>总经费</td><td colspan="5">
+                  {{ reversedMessage}}万
+        </td>
       </tr>
       <tr>
         <td>支出类别</td><td colspan="2">支出项目</td><td>金额（元）</td><td colspan="2">备 注</td>
@@ -154,41 +357,163 @@
         <td rowspan="5">直接费用</td>
       </tr>
       <tr>
-        <td colspan="2">小型仪器设备费</td><td></td><td colspan="2"></td>
+        <td colspan="2">小型仪器设备费</td>
+        <td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="小型仪器设备费"
+              v-model="data.fund.facility">
+            </el-input>
+        </td><td colspan="2">
+          项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
+        </td>
       </tr>
       <tr>
-        <td colspan="2">材料费</td><td></td><td colspan="2"></td>
+        <td colspan="2">材料费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="材料费"
+              v-model="data.fund.materials">
+            </el-input>
+        </td><td colspan="2">
+          项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
+        </td>
       </tr>
       <tr>
-        <td colspan="2">测试化验加工费</td><td></td><td colspan="2"></td>
+        <td colspan="2">测试化验加工费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="测试化验加工费"
+              v-model="data.fund.process">
+            </el-input>
+        </td><td colspan="2">
+          项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
+        </td>
       </tr>
       <tr>
-        <td colspan="2">项目协作费</td><td></td><td colspan="2"></td>
+        <td colspan="2">项目协作费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="项目协作费"
+              v-model="data.fund.assist">
+            </el-input>
+        </td><td colspan="2">
+          按合同规定支付给协作单位的费用
+        </td>
       </tr>
 
       <tr>
         <td rowspan="5">间接费用</td>
       </tr>
       <tr>
-        <td colspan="2">项目成果鉴定费</td><td></td><td colspan="2"></td>
+        <td colspan="2">项目成果鉴定费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="项目成果鉴定费"
+              v-model="data.fund.authenticate">
+            </el-input>
+        </td><td colspan="2">
+          学术会务费、评审费、鉴定费、成果集制作费等费用。
+        </td>
       </tr>
       <tr>
-        <td colspan="2">参展参赛费</td><td></td><td colspan="2"></td>
+        <td colspan="2">参展参赛费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="参展参赛费"
+              v-model="data.fund.match">
+            </el-input>
+        </td><td colspan="2">
+          参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
+        </td>
       </tr>
       <tr>
-        <td colspan="2">创客交流活动费</td><td></td><td colspan="2"></td>
+        <td colspan="2">创客交流活动费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="创客交流活动费"
+              v-model="data.fund.activity">
+            </el-input>
+        </td><td colspan="2">
+          创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
+        </td>
       </tr>
       <tr>
-        <td colspan="2">知识产权事务费</td><td></td><td colspan="2"></td>
+        <td colspan="2">知识产权事务费</td><td>
+          <el-input
+              type="textarea"
+              autosize
+              style="width: 100%;"
+              resize="none"
+              placeholder="知识产权事务费"
+              v-model="data.fund.affair">
+            </el-input>
+        </td><td colspan="2">
+          论文版面费、专利及其他知识产权事务等费用。
+        </td>
       </tr>
       <tr>
-        <td>所在学院/部门意见</td><td colspan="6"></td>
+        <td>所在学院/部门意见</td><td colspan="6" class="textLeft">
+          <el-input
+              type="textarea"
+              :rows="7"
+              resize="none"
+              placeholder="111"
+              style="width: 100%;"
+              v-model="input">
+            </el-input>
+            <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+            <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+        </td>
       </tr>
       <tr>
-        <td>财务部门意见</td><td colspan="6"></td>
+        <td>财务部门意见</td><td colspan="6" class="textLeft">
+          <el-input
+              type="textarea"
+              :rows="7"
+              resize="none"
+              placeholder="111"
+              style="width: 100%;"
+              v-model="input">
+            </el-input>
+            <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+            <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+        </td>
       </tr>
       <tr>
-        <td>创新创业学院审核意见</td><td colspan="6"></td>
+        <td>创新创业学院审核意见</td><td colspan="6" class="textLeft">
+          <el-input
+              type="textarea"
+              :rows="7"
+              resize="none"
+              placeholder="111"
+              style="width: 100%;"
+              v-model="input">
+            </el-input>
+            <div style="text-align: right;font-size: 18px;width: 80%;margin-bottom: 20px;">负责人签章：</div>
+            <div style="text-align: right;font-size: 18px;width: 90%;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
+        </td>
       </tr>
     </table>
       <div class="notes">
@@ -196,27 +521,21 @@
         <span>1.表格可顺延或另附页。</span>
         <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
         <span>3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span>
+        <el-button style="width: 120px;margin: 20px auto;" type="primary">保存</el-button>
       </div>
 </div>
 </template>
   
 <script>
   export default {
+    props:['data'],
     data() {
       return {
         // teacher:[],
         // student:[],
+        allFund:'',
         input:"",
-        Rcontent:[
-          {tit:'项目研发背景'},
-          {tit:'项目创新点'},
-          {tit:'技术研发路线'},
-          {tit:'项目应用场景'},
-        ],
-        expectResult:[
-          {tit:'学生创客人才培养预期成果、数量（教师填写）'},
-          {tit:'项目预期孵化、转化创业项目情况'},
-        ]
+
         //total：总经费     
         //小型仪器设备费：device        deviceRemarks
         //材料费：Material             MaterialRemarks
@@ -233,15 +552,35 @@
         var newInput = document.createElement('input');
       }
     },
+    computed:{
+      reversedMessage: function () {
+        // `this` 指向 vm 实例
+        return this.data.fund.facility*1 + this.data.fund.materials*1+this.data.fund.process*1+ this.data.fund.assist*1+this.data.fund.authenticate*1+ this.data.fund.match*1+this.data.fund.activity*1+this.data.fund.affair*1
+      }
+    }
   };
 </script>
   
 <style lang="less">
-
+        .textLeft{
+          .el-textarea__inner{
+            // padding: 0;
+            border: none ;
+            border-radius: 0px;
+            text-align: left !important;
+            font-size: 16px;
+          }
+        }
       .table{
-        border: 1px solid #000;
+        border: none;
+        border-top: solid 1px black;
+        border-right:  solid 1px black;
         tr td{
-          // padding: 10px 15px;
+          // padding: 10px;s
+          border: none;
+          border-bottom: solid 1px black;
+          border-left: solid 1px black;
+
           height: 50px;
           text-align: center;
           line-height: 30px;
@@ -305,310 +644,10 @@
             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>

src/views/Word.vue

@@ -2,7 +2,7 @@
     <!-- 测试上传组件 -->
     <div v-loading="loading" id="test">
       <div id="word">
-        <studentProjectWord/>
+        <studentProjectWord :data="wordContent"/>
       </div>
       <!-- <div>
         <BeUpload
@@ -34,6 +34,53 @@
       return {
         accept: "*",
         loading:false,
+        wordContent:{
+          projectName:'',
+          radio: '',
+          checkList: [],
+          schoolRadio:'',
+          applyParsonRadio:'',
+          applyParsonName:'',
+          college:'',
+          tel:'',
+          beginTime:'',
+          endTime:'',
+          studentS:[
+            {name:'',collage:'',work:''},
+            {name:'',collage:'',work:''},
+            {name:'',collage:'',work:''},
+            {name:'',collage:'',work:''},
+            {name:'',collage:'',work:''},
+          ],
+          teacherS:[
+            {name:'',collage:'',work:''},
+            {name:'',collage:'',work:''},
+          ],
+          brief:'',
+          introduce:{
+            back:'',
+            innovate:'',
+            path:'',
+            scene:'',
+            worth:'',
+            team:'',
+            cost:'',
+            expectResults:'',
+            expectResultsTeacher:'',
+            expectConversion:'',
+            plan:''
+          },
+          fund:{
+            facility:'',
+            materials:'',
+            process:'',
+            assist:'',
+            authenticate:'',
+            match:'',
+            activity:'',
+            affair:''
+          }
+        }
       };
     },
     methods: {