#

src/components/MakerSpaceWord.vue

@@ -214,6 +214,10 @@
                   v-model="item['work']">
                 </el-input>
               </div>
+              <div class="operate">
+                <el-button size="mini">-</el-button>
+                <el-button size="mini">+</el-button>
+              </div>
             </div>
           </div>
         </div>
@@ -355,7 +359,7 @@
           <div class="fundTable">
             <div class="fundTotal">
               <div class="fundLabel">总经费</div>
-              <div class="fundValue">元</div>
+              <div class="fundValue">{{wordData['fund']['device']+wordData['fund']['Material']+wordData['fund']['processing']+wordData['fund']['Collaboration']+wordData['fund']['APPRAISAL']+wordData['fund']['entery']+wordData['fund']['activities']+wordData['fund']['Transaction']}}元</div>
             </div>
             <div class="fundHeader">
               <div class="HeaderLabel">支出类别</div>
@@ -368,25 +372,57 @@
               <div class="fundDataHan">
                 <div class="fundDataLie">
                   <div class="fundDataValue">小型仪器设备费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="小型仪器设备费"
+                      v-model.number="wordData['fund']['device']"
+                      @change="convertNumber('device',wordData['fund']['device'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。</span></div>
                 </div>
 
                 <div class="fundDataLie">
                   <div class="fundDataValue">材料费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="材料费"
+                      v-model.number="wordData['fund']['Material']"
+                      @change="convertNumber('Material',wordData['fund']['Material'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。</span></div>
                 </div>
 
                 <div class="fundDataLie">
                   <div class="fundDataValue">测试化验加工费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="测试化验加工费"
+                      v-model.number="wordData['fund']['processing']"
+                      @change="convertNumber('processing',wordData['fund']['processing'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。</span></div>
                 </div>
 
                 <div class="fundDataLie">
                   <div class="fundDataValue">项目协作费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="项目协作费"
+                      v-model.number="wordData['fund']['Collaboration']"
+                      @change="convertNumber('Collaboration',wordData['fund']['Collaboration'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>按合同规定支付给协作单位的费用</span></div>
                 </div>
                
@@ -398,86 +434,64 @@
               <div class="fundDataHan">
                 <div class="fundDataLie">
                   <div class="fundDataValue">项目成果鉴定费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="项目成果鉴定费"
+                      v-model.number="wordData['fund']['APPRAISAL']"
+                      @change="convertNumber('APPRAISAL',wordData['fund']['APPRAISAL'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>学术会务费、评审费、鉴定费、成果集制作费等费用。</span></div>
                 </div>
 
                 <div class="fundDataLie">
                   <div class="fundDataValue">参展参赛费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="参展参赛费"
+                      v-model.number="wordData['fund']['entery']"
+                      @change="convertNumber('entery',wordData['fund']['entery'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。</span></div>
                 </div>
 
                 <div class="fundDataLie">
                   <div class="fundDataValue">创客交流活动费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="创客交流活动费"
+                      v-model.number="wordData['fund']['activities']"
+                      @change="convertNumber('activities',wordData['fund']['activities'])"></el-input>
+                  </div>
                   <div class="fundDataValue"><span>创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。</span></div>
                 </div>
 
                 <div class="fundDataLie">
                   <div class="fundDataValue">知识产权事务费</div>
-                  <div class="fundDataValue"></div>
+                  <div class="fundDataValue">
+                    <el-input
+                      type="textarea"
+                      autosize
+                      resize="none"
+                      placeholder="知识产权事务费"
+                      v-model.number="wordData['fund']['Transaction']"
+                      @change="convertNumber('Transaction',wordData['fund']['Transaction'])">
+                    </el-input>
+                  </div>
                   <div class="fundDataValue"><span>论文版面费、专利及其他知识产权事务等费用。</span></div>
                 </div>
               </div>
             </div>
           </div>
         </div>
-        <!-- <table border="1" cellpadding="0" cellspacing="0" class="fundTable">
-          <tr>
-            <td rowspan="10">预算经费</td>
-            <td>总经费</td>
-            <td colspan="3">元</td>
-          </tr>
-          <tr>
-            <td>支出类别</td>
-            <td>支出项目</td>
-            <td>金额（元）</td>
-            <td>备注</td>
-          </tr>
-          <tr>
-            <td rowspan="4">直接费用</td>
-            <td>小型仪器设备费</td>
-            <td>100</td>
-            <td>项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。</td>
-          </tr>
-          <tr>
-            <td>材料费</td>
-            <td>1000</td>
-            <td>项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。</td>
-          </tr>
-          <tr>
-            <td>测试化验加工费</td>
-            <td>100</td>
-            <td>项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。</td>
-          </tr>
-          <tr>
-            <td>项目协作费</td>
-            <td>100</td>
-            <td>按合同规定支付给协作单位的费用</td>
-          </tr>
-          <tr>
-            <td rowspan="4">间接费用</td>
-            <td>项目成果鉴定费</td>
-            <td>100</td>
-            <td>学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
-          </tr>
-          <tr>
-            <td>参展参赛费</td>
-            <td>1000</td>
-            <td>参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。</td>
-          </tr>
-          <tr>
-            <td>创客交流活动费</td>
-            <td>100</td>
-            <td>创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。</td>
-          </tr>
-          <tr>
-            <td>知识产权事务费</td>
-            <td>100</td>
-            <td>论文版面费、专利及其他知识产权事务等费用。</td>
-          </tr>
-        </table> -->
         <div class="opinion">
           <div class="opinionLabel">所在学院/部门<br/> 意 见</div>
           <div class="opinionValue">
@@ -562,13 +576,9 @@
           Transforming:"",//学生创客团队孵化、转化创业项目情况
           condition:"",//立 项基 础及条 件
           fund:{
-            total:'',
             device:"",
-            // deviceRemarks:"",
             Material:"",
-            // MaterialRemarks:"",
             processing:"",
-            // processingRemarks:"",
             Collaboration:"",
             APPRAISAL:"",
             entery:"",
@@ -600,6 +610,22 @@
       },
       test(){
         console.log(this.wordData)
+      },
+      addTeacher(){
+        this.wordData['teacher'].push({name:"",speciality:"",title:"",education:"",section:"",work:""});
+      },
+      addStudent(){
+        this.wordData['student'].push({name:"",class:"",age:"",work:""});
+      },
+      convertNumber(type,str){
+        if(typeof str=='string'){
+          this.wordData['fund'][type] = Number(str.replace(/\D/g,''));
+          //  = number==0?0:number;
+        // }else{
+          // this.wordData['fund'][type] = str==0?'':str;
+        // }
+        }
+        
       }
     },
     mounted(){
@@ -615,13 +641,14 @@
     flex-direction: column;
     align-items: center;
     background-color: white;
+    padding:50px;
     #title{
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
         position: relative;
-        margin-top: 40px;
+        // margin-top: 40px;
         .school{
             font-size: 2.5em;
             font-weight: bold;
@@ -760,7 +787,9 @@
               border-right: none;
               flex: 3;
             }
-
+          }
+          .operate{
+            position:absolute;
           }
         }
       }