|
|
@@ -1,332 +1,453 @@
|
|
|
<template>
|
|
|
- <div id="markerFundWord">
|
|
|
- <div id="title">
|
|
|
- <div class="school">深圳技师学院</div>
|
|
|
- <div class="wordTitle">创客专项资金及项目申请表（个人创客）</div>
|
|
|
- <div class="date">申请日期：{{wordData.applicationDate}}</div>
|
|
|
- </div>
|
|
|
- <table border="1" cellspacing="0" class="table" cellpadding="0">
|
|
|
- <tr>
|
|
|
- <td colspan="4">项目名称</td><td colspan="13">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入项目名称"
|
|
|
- v-model="wordData['projectName']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4">项目负责人</td><td colspan="3">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入负责人"
|
|
|
- v-model="wordData['pro_leader']">
|
|
|
- </el-input>
|
|
|
- </td><td colspan="2">所在部门</td><td colspan="3">
|
|
|
- <el-select v-model="wordData['college']" style="width: 100%;" placeholder="请选择所在学院">
|
|
|
- <el-option
|
|
|
- v-for="item in DepartmentData"
|
|
|
- :key="item.id"
|
|
|
- :label="item.name"
|
|
|
- :value="item.id">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- <!-- <el-input
|
|
|
+ <div id="markerFundWord">
|
|
|
+ <div id="title">
|
|
|
+ <div class="school">深圳技师学院</div>
|
|
|
+ <div class="wordTitle">创客专项资金及项目申请表（个人创客）</div>
|
|
|
+ <div class="date">申请日期：{{ wordData.applicationDate }}</div>
|
|
|
+ </div>
|
|
|
+ <table border="1" cellspacing="0" class="table" cellpadding="0">
|
|
|
+ <tr>
|
|
|
+ <td colspan="4">项目名称</td>
|
|
|
+ <td colspan="13">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入项目名称"
|
|
|
+ v-model="wordData['projectName']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4">项目负责人</td>
|
|
|
+ <td colspan="3">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入负责人"
|
|
|
+ v-model="wordData['pro_leader']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="2">所在部门</td>
|
|
|
+ <td colspan="3">
|
|
|
+ <el-select
|
|
|
+ v-model="wordData['college']"
|
|
|
+ style="width: 100%"
|
|
|
+ placeholder="请选择所在学院"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in DepartmentData"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input
|
|
|
type="textarea"
|
|
|
autosize
|
|
|
resize="none"
|
|
|
placeholder="请输入所在部门"
|
|
|
v-model="input">
|
|
|
</el-input> -->
|
|
|
- </td><td colspan="2">联系电话</td><td colspan="3">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入联系电话"
|
|
|
- v-model="input">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4">项目起始时间</td>
|
|
|
- <td colspan="5">
|
|
|
- <el-date-picker
|
|
|
- v-model="wordData.endTime"
|
|
|
- type="date"
|
|
|
- placeholder="请选择项目计划完成时间"
|
|
|
- prefix-icon="none"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
- </el-date-picker>
|
|
|
- </td>
|
|
|
- <td colspan="3">计划完成时间</td><td colspan="5">
|
|
|
- <el-date-picker
|
|
|
- v-model="wordData.endTime"
|
|
|
- type="date"
|
|
|
- placeholder="请选择活动时间"
|
|
|
- prefix-icon="none"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss">
|
|
|
- </el-date-picker>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4">项目组人数</td><td colspan="3" v-text="wordData['member'].length"></td>
|
|
|
- <td colspan="2">参与学生人数</td><td colspan="3">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入学生人数"
|
|
|
- v-model="wordData['student']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- <td colspan="2">预算总经费</td><td colspan="3">{{ wordData['fund']['total'] }}元</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="2" :rowspan="wordData['member'].length+1"><p>项</p> <p>目</p> <p>组</p> <p>成</p> <p>员</p></td><td colspan="2">姓名</td><td colspan="3">工作单位/部门</td><td colspan="10">项目分工</td>
|
|
|
- </tr>
|
|
|
- <tr style="position: relative;" v-for="(item,index) in wordData.member" :key="index">
|
|
|
- <td colspan="2" style="border-left: none;">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入姓名"
|
|
|
- v-model="item['name']">
|
|
|
- </el-input>
|
|
|
- </td><td colspan="3">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入工作单位/部门"
|
|
|
- v-model="item['collage']">
|
|
|
- </el-input>
|
|
|
- </td><td colspan="10">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="请输入项目分工"
|
|
|
- v-model="item['work']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- <div class="operate">
|
|
|
- <el-button v-if="wordData['member'].length-1==index" @click="addPerson" type="primary" size="mini">+</el-button>
|
|
|
- <el-button @click="DelPerson(index)" type="primary" size="mini">-</el-button>
|
|
|
- </div>
|
|
|
- </tr>
|
|
|
- <tr class="textLeft">
|
|
|
- <td colspan="2" rowspan="2"><p>项目</p><br> <p>内容</p></td><td style="text-align: left;" colspan="15">
|
|
|
- <p>一、项目简介</p>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['brief']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="textLeft">
|
|
|
- <td colspan="15" style="text-align: left;border-left: none;">
|
|
|
- <p>二、创新点</p>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['innovate']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="textLeft">
|
|
|
- <td colspan="2" rowspan="3"><p>预期</p><br><p>取得</p> <br><p>成果</p></td><td colspan="15" style="text-align: left;">
|
|
|
- <p>一、项目预期成果、数量及形式</p>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['expected']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="textLeft">
|
|
|
- <td colspan="15" style="text-align: left;border-left: none;">
|
|
|
- <p>二、创客人才培养预期成果、数量</p>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['culture']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="textLeft">
|
|
|
- <td colspan="15" style="text-align: left;border-left: none;">
|
|
|
- <p>三、项目预期孵化、转化创业项目情况</p>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="6"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['incubate']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr class="textLeft">
|
|
|
- <td colspan="2"><p>项目</p><br><p>实施</p> <br><p>计划</p></td><td colspan="15" style="text-align: left;">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="10"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model="wordData['ImplementationPlan']">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td rowspan="14"><p>预</p> <p>算</p> <p>经</p> <p>费</p></td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td rowspan="4" style="border-left: none;">总经费</td><td rowspan="4" colspan="2" >{{wordData['fund']['total']}}元</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="12" style="border-left: none;">经费月支出计划</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td style="border-left: none;">第1个月</td><td>第2个月</td><td>第3个月</td><td>第4个月</td><td>第5个月</td><td>第6个月</td><td>第7个月</td><td>第8个月</td><td>第9个月</td><td>第10个月</td><td>第11个月</td><td>第12个月</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td v-for="(item,index) in 12" :key="index+'a'" style="border-left: none;">
|
|
|
- <el-input
|
|
|
- type="number"
|
|
|
- autosize
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- v-model.number="input">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">支出类别</td><td colspan="4">支出项目</td><td colspan="2">金额（元）</td><td colspan="5">备注</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td rowspan="4" colspan="4" style="border-left: none;">直接经费</td>
|
|
|
- <td colspan="4">小型仪器设备费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="小型仪器设备费"
|
|
|
- v-model.number="wordData['fund']['device']"
|
|
|
- @change="convertNumber('device',wordData['fund']['device'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">
|
|
|
- 项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">材料费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="材料费"
|
|
|
- v-model.number="wordData['fund']['Material']"
|
|
|
- @change="convertNumber('Material',wordData['fund']['Material'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">测试化验加工费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="测试化验加工费"
|
|
|
- v-model.number="wordData['fund']['processing']"
|
|
|
- @change="convertNumber('processing',wordData['fund']['processing'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">项目协作费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="项目协作费"
|
|
|
- v-model.number="wordData['fund']['Collaboration']"
|
|
|
- @change="convertNumber('Collaboration',wordData['fund']['Collaboration'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">按合同规定支付给协作单位的费用</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td rowspan="4" colspan="4" style="border-left: none;">间接经费</td>
|
|
|
- <td colspan="4">项目成果鉴定费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="项目成果鉴定费"
|
|
|
- v-model.number="wordData['fund']['APPRAISAL']"
|
|
|
- @change="convertNumber('APPRAISAL',wordData['fund']['APPRAISAL'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">参展参赛费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="参展参赛费"
|
|
|
- v-model.number="wordData['fund']['entery']"
|
|
|
- @change="convertNumber('entery',wordData['fund']['entery'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">创客交流活动费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="创客交流活动费"
|
|
|
- v-model.number="wordData['fund']['activities']"
|
|
|
- @change="convertNumber('activities',wordData['fund']['activities'])"></el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。</td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td colspan="4" style="border-left: none;">知识产权事务费</td>
|
|
|
- <td colspan="2">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- autosize
|
|
|
- resize="none"
|
|
|
- placeholder="知识产权事务费"
|
|
|
- v-model.number="wordData['fund']['Transaction']"
|
|
|
- @change="convertNumber('Transaction',wordData['fund']['Transaction'])">
|
|
|
- </el-input>
|
|
|
- </td>
|
|
|
- <td colspan="5">论文版面费、专利及其他知识产权事务等费用。</td>
|
|
|
- </tr>
|
|
|
- <!-- <tr v-for="(item,index) in 5" :key="index">
|
|
|
+ </td>
|
|
|
+ <td colspan="2">联系电话</td>
|
|
|
+ <td colspan="3">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入联系电话"
|
|
|
+ v-model="input"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4">项目起始时间</td>
|
|
|
+ <td colspan="5">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="wordData.endTime"
|
|
|
+ type="date"
|
|
|
+ placeholder="请选择项目计划完成时间"
|
|
|
+ prefix-icon="none"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </td>
|
|
|
+ <td colspan="3">计划完成时间</td>
|
|
|
+ <td colspan="5">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="wordData.endTime"
|
|
|
+ type="date"
|
|
|
+ placeholder="请选择活动时间"
|
|
|
+ prefix-icon="none"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4">项目组人数</td>
|
|
|
+ <td colspan="3" v-text="wordData['member'].length"></td>
|
|
|
+ <td colspan="2">参与学生人数</td>
|
|
|
+ <td colspan="3">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入学生人数"
|
|
|
+ v-model="wordData['student']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="2">预算总经费</td>
|
|
|
+ <td colspan="3">{{ wordData["fund"]["total"] }}元</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="2" :rowspan="wordData['member'].length + 1">
|
|
|
+ <p>项</p>
|
|
|
+ <p>目</p>
|
|
|
+ <p>组</p>
|
|
|
+ <p>成</p>
|
|
|
+ <p>员</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="2">姓名</td>
|
|
|
+ <td colspan="3">工作单位/部门</td>
|
|
|
+ <td colspan="10">项目分工</td>
|
|
|
+ </tr>
|
|
|
+ <tr
|
|
|
+ style="position: relative"
|
|
|
+ v-for="(item, index) in wordData.member"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <td colspan="2" style="border-left: none">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入姓名"
|
|
|
+ v-model="item['name']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="3">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入工作单位/部门"
|
|
|
+ v-model="item['collage']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="10">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入项目分工"
|
|
|
+ v-model="item['work']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ <div class="operate">
|
|
|
+ <el-button
|
|
|
+ v-if="wordData['member'].length - 1 == index"
|
|
|
+ @click="addPerson"
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ >+</el-button
|
|
|
+ >
|
|
|
+ <el-button @click="DelPerson(index)" type="primary" size="mini"
|
|
|
+ >-</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </tr>
|
|
|
+ <tr class="textLeft">
|
|
|
+ <td colspan="2" rowspan="2">
|
|
|
+ <p>项目</p>
|
|
|
+ <br />
|
|
|
+ <p>内容</p>
|
|
|
+ </td>
|
|
|
+ <td style="text-align: left" colspan="15">
|
|
|
+ <p>一、项目简介</p>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="6"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model="wordData['brief']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="textLeft">
|
|
|
+ <td colspan="15" style="text-align: left; border-left: none">
|
|
|
+ <p>二、创新点</p>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="6"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model="wordData['innovate']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="textLeft">
|
|
|
+ <td colspan="2" rowspan="3">
|
|
|
+ <p>预期</p>
|
|
|
+ <br />
|
|
|
+ <p>取得</p>
|
|
|
+ <br />
|
|
|
+ <p>成果</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="15" style="text-align: left">
|
|
|
+ <p>一、项目预期成果、数量及形式</p>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="6"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model="wordData['expected']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="textLeft">
|
|
|
+ <td colspan="15" style="text-align: left; border-left: none">
|
|
|
+ <p>二、创客人才培养预期成果、数量</p>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="6"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model="wordData['culture']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="textLeft">
|
|
|
+ <td colspan="15" style="text-align: left; border-left: none">
|
|
|
+ <p>三、项目预期孵化、转化创业项目情况</p>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="6"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model="wordData['incubate']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr class="textLeft">
|
|
|
+ <td colspan="2">
|
|
|
+ <p>项目</p>
|
|
|
+ <br />
|
|
|
+ <p>实施</p>
|
|
|
+ <br />
|
|
|
+ <p>计划</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="15" style="text-align: left">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="10"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model="wordData['ImplementationPlan']"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td rowspan="14">
|
|
|
+ <p>预</p>
|
|
|
+ <p>算</p>
|
|
|
+ <p>经</p>
|
|
|
+ <p>费</p>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td rowspan="4" style="border-left: none">总经费</td>
|
|
|
+ <td rowspan="4" colspan="2">{{ wordData["fund"]["total"] }}元</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="12" style="border-left: none">经费月支出计划</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td style="border-left: none">第1个月</td>
|
|
|
+ <td>第2个月</td>
|
|
|
+ <td>第3个月</td>
|
|
|
+ <td>第4个月</td>
|
|
|
+ <td>第5个月</td>
|
|
|
+ <td>第6个月</td>
|
|
|
+ <td>第7个月</td>
|
|
|
+ <td>第8个月</td>
|
|
|
+ <td>第9个月</td>
|
|
|
+ <td>第10个月</td>
|
|
|
+ <td>第11个月</td>
|
|
|
+ <td>第12个月</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td
|
|
|
+ v-for="(item, index) in 12"
|
|
|
+ :key="index + 'a'"
|
|
|
+ style="border-left: none"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ type="number"
|
|
|
+ autosize
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ v-model.number="input"
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">支出类别</td>
|
|
|
+ <td colspan="4">支出项目</td>
|
|
|
+ <td colspan="2">金额（元）</td>
|
|
|
+ <td colspan="5">备注</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td rowspan="4" colspan="4" style="border-left: none">直接经费</td>
|
|
|
+ <td colspan="4">小型仪器设备费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="小型仪器设备费"
|
|
|
+ v-model.number="wordData['fund']['device']"
|
|
|
+ @change="convertNumber('device', wordData['fund']['device'])"
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">
|
|
|
+ 项目开展所需的小型专用仪器设备、工具、配件购置或租赁费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">材料费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="材料费"
|
|
|
+ v-model.number="wordData['fund']['Material']"
|
|
|
+ @change="convertNumber('Material', wordData['fund']['Material'])"
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">
|
|
|
+ 项目开展需消耗的各种原材料、辅助材料等低值易耗品的采购费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">测试化验加工费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="测试化验加工费"
|
|
|
+ v-model.number="wordData['fund']['processing']"
|
|
|
+ @change="
|
|
|
+ convertNumber('processing', wordData['fund']['processing'])
|
|
|
+ "
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">
|
|
|
+ 项目开展过程中支付给外单位的检验、测试、化验、计算、分析及加工费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">项目协作费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="项目协作费"
|
|
|
+ v-model.number="wordData['fund']['Collaboration']"
|
|
|
+ @change="
|
|
|
+ convertNumber('Collaboration', wordData['fund']['Collaboration'])
|
|
|
+ "
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">按合同规定支付给协作单位的费用</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td rowspan="4" colspan="4" style="border-left: none">间接经费</td>
|
|
|
+ <td colspan="4">项目成果鉴定费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="项目成果鉴定费"
|
|
|
+ v-model.number="wordData['fund']['APPRAISAL']"
|
|
|
+ @change="convertNumber('APPRAISAL', wordData['fund']['APPRAISAL'])"
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">学术会务费、评审费、鉴定费、成果集制作费等费用。</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">参展参赛费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="参展参赛费"
|
|
|
+ v-model.number="wordData['fund']['entery']"
|
|
|
+ @change="convertNumber('entery', wordData['fund']['entery'])"
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">
|
|
|
+ 参加创客展会、竞赛等所需的报名费、展位费、布展费、宣传推广费及差旅费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">创客交流活动费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="创客交流活动费"
|
|
|
+ v-model.number="wordData['fund']['activities']"
|
|
|
+ @change="
|
|
|
+ convertNumber('activities', wordData['fund']['activities'])
|
|
|
+ "
|
|
|
+ ></el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">
|
|
|
+ 创客交流活动中支付给校外专家的指导费、咨询费、授课费等费用。
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td colspan="4" style="border-left: none">知识产权事务费</td>
|
|
|
+ <td colspan="2">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ autosize
|
|
|
+ resize="none"
|
|
|
+ placeholder="知识产权事务费"
|
|
|
+ v-model.number="wordData['fund']['Transaction']"
|
|
|
+ @change="
|
|
|
+ convertNumber('Transaction', wordData['fund']['Transaction'])
|
|
|
+ "
|
|
|
+ >
|
|
|
+ </el-input>
|
|
|
+ </td>
|
|
|
+ <td colspan="5">论文版面费、专利及其他知识产权事务等费用。</td>
|
|
|
+ </tr>
|
|
|
+ <!-- <tr v-for="(item,index) in 5" :key="index">
|
|
|
<td colspan="4" style="border-left: none;">
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
@@ -363,398 +484,506 @@
|
|
|
</td>
|
|
|
</tr> -->
|
|
|
|
|
|
-
|
|
|
- <tr>
|
|
|
- <td><p>所在部</p> <p>门意见</p></td><td colspan="15">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="10"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- 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%;">年 月 日</div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td><p>主管部</p> <p>门审核</p><p>意见</p></td><td colspan="15">
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="10"
|
|
|
- style="width: 100%;"
|
|
|
- resize="none"
|
|
|
- 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%;">年 月 日</div>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- <tr>
|
|
|
- <td v-for="(item,index) in 16" :key="index+'c'" style="border: none;"></td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
- <div class="notes">
|
|
|
- <span>备注：</span>
|
|
|
- <span>1、支出类别分为直接费用（小型仪器设备费、材料费、测试化验加工费、项目协作费）和间
|
|
|
-接费用（项目成果鉴定费、参展参赛费、创客交流活动费、知识产权事务费）。</span>
|
|
|
- <span>2、如表格不够可顺延或另附页。</span>
|
|
|
- <div style="width: 300px;margin: 20px auto;display: flex;justify-content: space-between;">
|
|
|
- <el-button style="width: 120px;margin: 20px auto;" type="primary">提交项目</el-button>
|
|
|
- <el-button style="width: 120px;margin: 20px auto;" type="primary">下载表单</el-button>
|
|
|
- </div>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <p>所在部</p>
|
|
|
+ <p>门意见</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="15">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="10"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ 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%">
|
|
|
+ 年 月 日
|
|
|
</div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>
|
|
|
+ <p>主管部</p>
|
|
|
+ <p>门审核</p>
|
|
|
+ <p>意见</p>
|
|
|
+ </td>
|
|
|
+ <td colspan="15">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="10"
|
|
|
+ style="width: 100%"
|
|
|
+ resize="none"
|
|
|
+ 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%">
|
|
|
+ 年 月 日
|
|
|
+ </div>
|
|
|
+ </td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td
|
|
|
+ v-for="(item, index) in 16"
|
|
|
+ :key="index + 'c'"
|
|
|
+ style="border: none"
|
|
|
+ ></td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ <div class="notes">
|
|
|
+ <span>备注：</span>
|
|
|
+ <span
|
|
|
+ >1、支出类别分为直接费用（小型仪器设备费、材料费、测试化验加工费、项目协作费）和间
|
|
|
+ 接费用（项目成果鉴定费、参展参赛费、创客交流活动费、知识产权事务费）。</span
|
|
|
+ >
|
|
|
+ <span>2、如表格不够可顺延或另附页。</span>
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ width: 300px;
|
|
|
+ margin: 20px auto;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <el-button style="width: 120px; margin: 20px auto" type="primary"
|
|
|
+ >提交项目</el-button
|
|
|
+ >
|
|
|
+ <el-button style="width: 120px; margin: 20px auto" type="primary"
|
|
|
+ >下载表单</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </template>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
|
|
|
<script>
|
|
|
- import {getNowDate} from '@/components/tool/Date.js'
|
|
|
-
|
|
|
- export default {
|
|
|
- // props:['data'],
|
|
|
- data() {
|
|
|
- return {
|
|
|
- // teacher:[],
|
|
|
- // student:[],
|
|
|
- allFund:'',
|
|
|
- input:"",
|
|
|
- DepartmentData:[],
|
|
|
-
|
|
|
- wordData:{
|
|
|
- applicationDate:getNowDate(1),//申请日期
|
|
|
- projectName:'',//项目名称
|
|
|
- pro_leader:"",//项目负责人
|
|
|
- college: '',//所在学院
|
|
|
- tel:'',//联系电话
|
|
|
- beginTime:'',//项目起始时间
|
|
|
- endTime:'',//计划完成时间
|
|
|
- student:"",//学生人数
|
|
|
- member:[
|
|
|
- {name:"",collage:"",work:""},
|
|
|
- {name:"",collage:"",work:""},
|
|
|
- {name:"",collage:"",work:""},
|
|
|
- {name:"",collage:"",work:""},
|
|
|
- {name:"",collage:"",work:""},
|
|
|
- ],
|
|
|
- brief:"",//项目简介
|
|
|
- innovate:"",//创新点
|
|
|
- expected:"",//项目预期成果、数量及形式
|
|
|
- culture:"",//创客人才培养预期成果、数量
|
|
|
- incubate:"",//项目预期孵化、转化创业项目情况
|
|
|
- ImplementationPlan:"",//项目实施计划
|
|
|
- fund:{
|
|
|
- total:0,
|
|
|
- device:"",
|
|
|
- Material:"",
|
|
|
- processing:"",
|
|
|
- Collaboration:"",
|
|
|
- APPRAISAL:"",
|
|
|
- entery:"",
|
|
|
- activities:"",
|
|
|
- Transaction:"",
|
|
|
- },//预算经费
|
|
|
- }
|
|
|
- //total：总经费
|
|
|
- //小型仪器设备费：device deviceRemarks
|
|
|
- //材料费：Material MaterialRemarks
|
|
|
- //测试化验加工费：processing processingRemarks
|
|
|
- //项目协作费：Collaboration CollaborationRemarks
|
|
|
- //项目成果鉴定费：APPRAISAL APPRAISALRemarks
|
|
|
- //参展参赛费：entery enteryRemarks
|
|
|
- //创客交流活动费：activities activitiesRemarks
|
|
|
- //知识产权事务费：Transaction TransactionRemarks
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- getText(value) { //电话验证
|
|
|
- let verify = /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/; //获取正则表达式 存放到verify变量中
|
|
|
- let result = verify.test(value.trim()); //判断输入框内容是否符合 正则表达式
|
|
|
- if(!result) return this.$message.error('请输入正确联系号码格式')
|
|
|
- },
|
|
|
- addPerson(){//添加成员
|
|
|
- this.wordData['member'].push({name:"",collage:"",work:""});
|
|
|
- },
|
|
|
- DelPerson(index){//删除成员
|
|
|
- this.wordData['member'].splice(index,1)
|
|
|
- },
|
|
|
- getProjectDepartmentData(){ //获取项目立项申请基础信息页面所在部门数据
|
|
|
- this.ajax.post(this.$store.state.api+'/SelectAllDepartment',{
|
|
|
- uid:this.$store.state.userInfo.userid
|
|
|
- }).then(res=>{
|
|
|
- this.DepartmentData = res.data[0]
|
|
|
- },err=>{
|
|
|
- console.log(err);
|
|
|
- })
|
|
|
+import { getNowDate } from "@/components/tool/Date.js";
|
|
|
+
|
|
|
+export default {
|
|
|
+ // props:['data'],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // teacher:[],
|
|
|
+ // student:[],
|
|
|
+ allFund: "",
|
|
|
+ input: "",
|
|
|
+ DepartmentData: [],
|
|
|
+
|
|
|
+ wordData: {
|
|
|
+ applicationDate: getNowDate(1), //申请日期
|
|
|
+ projectName: "", //项目名称
|
|
|
+ pro_leader: "", //项目负责人
|
|
|
+ college: "", //所在学院
|
|
|
+ tel: "", //联系电话
|
|
|
+ beginTime: "", //项目起始时间
|
|
|
+ endTime: "", //计划完成时间
|
|
|
+ student: "", //学生人数
|
|
|
+ member: [
|
|
|
+ { name: "", collage: "", work: "" },
|
|
|
+ { name: "", collage: "", work: "" },
|
|
|
+ { name: "", collage: "", work: "" },
|
|
|
+ { name: "", collage: "", work: "" },
|
|
|
+ { name: "", collage: "", work: "" },
|
|
|
+ ],
|
|
|
+ brief: "", //项目简介
|
|
|
+ innovate: "", //创新点
|
|
|
+ expected: "", //项目预期成果、数量及形式
|
|
|
+ culture: "", //创客人才培养预期成果、数量
|
|
|
+ incubate: "", //项目预期孵化、转化创业项目情况
|
|
|
+ ImplementationPlan: "", //项目实施计划
|
|
|
+ fund: {
|
|
|
+ total: 0,
|
|
|
+ device: "",
|
|
|
+ Material: "",
|
|
|
+ processing: "",
|
|
|
+ Collaboration: "",
|
|
|
+ APPRAISAL: "",
|
|
|
+ entery: "",
|
|
|
+ activities: "",
|
|
|
+ Transaction: "",
|
|
|
+ }, //预算经费
|
|
|
+ },
|
|
|
+ //total：总经费
|
|
|
+ //小型仪器设备费：device deviceRemarks
|
|
|
+ //材料费：Material MaterialRemarks
|
|
|
+ //测试化验加工费：processing processingRemarks
|
|
|
+ //项目协作费：Collaboration CollaborationRemarks
|
|
|
+ //项目成果鉴定费：APPRAISAL APPRAISALRemarks
|
|
|
+ //参展参赛费：entery enteryRemarks
|
|
|
+ //创客交流活动费：activities activitiesRemarks
|
|
|
+ //知识产权事务费：Transaction TransactionRemarks
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getText(value) {
|
|
|
+ //电话验证
|
|
|
+ let verify =
|
|
|
+ /^(?:(?:\+|00)86)?1(?:(?:3[\d])|(?:4[5-79])|(?:5[0-35-9])|(?:6[5-7])|(?:7[0-8])|(?:8[\d])|(?:9[189]))\d{8}$/; //获取正则表达式 存放到verify变量中
|
|
|
+ let result = verify.test(value.trim()); //判断输入框内容是否符合 正则表达式
|
|
|
+ if (!result) return this.$message.error("请输入正确联系号码格式");
|
|
|
+ },
|
|
|
+ addPerson() {
|
|
|
+ //添加成员
|
|
|
+ this.wordData["member"].push({ name: "", collage: "", work: "" });
|
|
|
+ },
|
|
|
+ DelPerson(index) {
|
|
|
+ //删除成员
|
|
|
+ this.wordData["member"].splice(index, 1);
|
|
|
+ },
|
|
|
+ getProjectDepartmentData() {
|
|
|
+ //获取项目立项申请基础信息页面所在部门数据
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "/SelectAllDepartment", {
|
|
|
+ uid: this.$store.state.userInfo.userid,
|
|
|
+ })
|
|
|
+ .then(
|
|
|
+ (res) => {
|
|
|
+ this.DepartmentData = res.data[0];
|
|
|
},
|
|
|
- submitWord(){
|
|
|
- const cEmpty = /^\s*$/g;
|
|
|
- for (let i in this.wordData){
|
|
|
- // console.log(this.wordData[i],i);
|
|
|
- switch(i){
|
|
|
- case 'projectName':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请输入项目名称')
|
|
|
- // this.$refs.projectName.style.background='rgb(236, 141, 141)'
|
|
|
- // setTimeout(() => {
|
|
|
- // this.$refs.projectName.style.background='#ffffff'
|
|
|
- // }, 2000);
|
|
|
- document.querySelector('#projectName').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'radio':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请选择项目分组')
|
|
|
- document.querySelector('#radio').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'checkList':
|
|
|
- if (this.wordData[i].length==0) {
|
|
|
- this.$message.error('优先支持项目')
|
|
|
- document.querySelector('#checkList').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'schoolRadio':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请选择美丽校园改造项目')
|
|
|
- document.querySelector('#schoolRadio').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'applyParsonRadio':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请选择项目申请人')
|
|
|
- document.querySelector('#applyParsonRadio').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'applyParsonName':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请填写申请人姓名')
|
|
|
- document.querySelector('#applyParsonName').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'college':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请选择所在学院')
|
|
|
- document.querySelector('#applyParsonName').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'tel':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请填写联系方式')
|
|
|
- document.querySelector('#applyParsonName').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'beginTime':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请选择项目起始时间')
|
|
|
- document.querySelector('#beginTime').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'endTime':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请选择计划完成时间')
|
|
|
- document.querySelector('#beginTime').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'studentS':
|
|
|
- // if(this.wordData[i].length<5){
|
|
|
- // this.$message.error('学生团队应5人以上')
|
|
|
- // document.querySelector('#studentS').scrollIntoView({ behavior: "smooth" });
|
|
|
- // return false;
|
|
|
- // }else{
|
|
|
- let snum = 0;
|
|
|
- this.wordData[i].forEach(item=>{
|
|
|
- for(let j in item){
|
|
|
- if(cEmpty.test(item[j])){
|
|
|
- snum++;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- if(snum>0){
|
|
|
- this.$message.error("请填完学生信息");
|
|
|
- document.querySelector('#studentS').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false;
|
|
|
- }
|
|
|
- // }
|
|
|
- break;
|
|
|
- case 'teacherS':
|
|
|
- let num = 0;
|
|
|
- this.wordData[i].forEach(item=>{
|
|
|
- for(let j in item){
|
|
|
- if(cEmpty.test(item[j])){
|
|
|
- num++;
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- if(num>0){
|
|
|
- this.$message.error("请填完老师信息");
|
|
|
- document.querySelector('#teacherS').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false;
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'brief':
|
|
|
- if (cEmpty.test(this.wordData[i])) {
|
|
|
- this.$message.error('请填写项目简介')
|
|
|
- // this.$refs.brief.style.background='rgb(236, 141, 141)'
|
|
|
- // setTimeout(() => {
|
|
|
- // this.$refs.brief.style.background='#ffffff'
|
|
|
- // }, 2000);
|
|
|
- document.querySelector('#brief').scrollIntoView({ behavior: "smooth" });
|
|
|
- return false
|
|
|
- }
|
|
|
- break;
|
|
|
- case 'fund':
|
|
|
- let mon=this.wordData.fund.facility*1 + this.wordData.fund.materials*1+this.wordData.fund.process*1+ this.input*1+this.wordData.fund.authenticate*1+ this.wordData.fund.match*1+this.wordData.fund.activity*1+this.wordData.fund.affair*1
|
|
|
- if(mon==0){
|
|
|
- document.querySelector('#fund').scrollIntoView({ behavior: "smooth" });
|
|
|
- return this.$message.error('请输入经费')
|
|
|
- }
|
|
|
- break;
|
|
|
- }
|
|
|
+ (err) => {
|
|
|
+ console.log(err);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ submitWord() {
|
|
|
+ const cEmpty = /^\s*$/g;
|
|
|
+ for (let i in this.wordData) {
|
|
|
+ // console.log(this.wordData[i],i);
|
|
|
+ switch (i) {
|
|
|
+ case "projectName":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请输入项目名称");
|
|
|
+ // this.$refs.projectName.style.background='rgb(236, 141, 141)'
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.$refs.projectName.style.background='#ffffff'
|
|
|
+ // }, 2000);
|
|
|
+ document
|
|
|
+ .querySelector("#projectName")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "radio":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请选择项目分组");
|
|
|
+ document
|
|
|
+ .querySelector("#radio")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- // let param={
|
|
|
- // projectName
|
|
|
+ break;
|
|
|
+ // case "checkList":
|
|
|
+ // if (this.wordData[i].length == 0) {
|
|
|
+ // this.$message.error("优先支持项目");
|
|
|
+ // document
|
|
|
+ // .querySelector("#checkList")
|
|
|
+ // .scrollIntoView({ behavior: "smooth" });
|
|
|
+ // return false;
|
|
|
// }
|
|
|
- // this.ajax
|
|
|
- // .post(this.$store.state.api+'/SelectAllType',param)
|
|
|
- // .then(err,res)
|
|
|
- },
|
|
|
- convertNumber(type,str){
|
|
|
- if(typeof str=='string'){
|
|
|
- this.wordData['fund'][type] = Number(str.replace(/\D/g,''));
|
|
|
+ // break;
|
|
|
+ // case "schoolRadio":
|
|
|
+ // if (cEmpty.test(this.wordData[i])) {
|
|
|
+ // this.$message.error("请选择美丽校园改造项目");
|
|
|
+ // document
|
|
|
+ // .querySelector("#schoolRadio")
|
|
|
+ // .scrollIntoView({ behavior: "smooth" });
|
|
|
+ // return false;
|
|
|
+ // }
|
|
|
+ // break;
|
|
|
+ case "applyParsonRadio":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请选择项目申请人");
|
|
|
+ document
|
|
|
+ .querySelector("#applyParsonRadio")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- this.wordData['fund']['total'] = Number(this.wordData['fund']['device'])+Number(this.wordData['fund']['Material'])+Number(this.wordData['fund']['processing'])+Number(this.wordData['fund']['Collaboration'])+Number(this.wordData['fund']['APPRAISAL'])+Number(this.wordData['fund']['entery'])+Number(this.wordData['fund']['activities'])+Number(this.wordData['fund']['Transaction'])
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- computed:{ //经费总合
|
|
|
- reversedMessage: function () {
|
|
|
- return (this.wordData.fund.facility*1 + this.wordData.fund.materials*1+this.wordData.fund.process*1+ this.input*1+this.wordData.fund.authenticate*1+ this.wordData.fund.match*1+this.wordData.fund.activity*1+this.wordData.fund.affair*1)/10000
|
|
|
- }
|
|
|
- },
|
|
|
- mounted(){
|
|
|
- this.getProjectDepartmentData()
|
|
|
-
|
|
|
- console.log(1)
|
|
|
- }
|
|
|
- };
|
|
|
- </script>
|
|
|
-
|
|
|
- <style lang="less" scoped>
|
|
|
-
|
|
|
- #markerFundWord{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- background-color: #ffff;
|
|
|
- margin: 0;
|
|
|
- padding:100px;
|
|
|
- box-sizing:border-box;
|
|
|
- #title{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- position: relative;
|
|
|
- // margin-top: 40px;
|
|
|
- .school{
|
|
|
- font-size: 2.5em;
|
|
|
- font-weight: 500;
|
|
|
- letter-spacing: 20px;
|
|
|
+ break;
|
|
|
+ case "applyParsonName":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请填写申请人姓名");
|
|
|
+ document
|
|
|
+ .querySelector("#applyParsonName")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- .wordTitle{
|
|
|
- font-size: 2em;
|
|
|
- letter-spacing: .15em;
|
|
|
- margin-bottom:40px ;
|
|
|
+ break;
|
|
|
+ case "college":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请选择所在学院");
|
|
|
+ document
|
|
|
+ .querySelector("#applyParsonName")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- .date{
|
|
|
-
|
|
|
- font-size: 1em;
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- right: 100px;
|
|
|
- font-weight: bold;
|
|
|
+ break;
|
|
|
+ case "tel":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请填写联系方式");
|
|
|
+ document
|
|
|
+ .querySelector("#applyParsonName")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- }
|
|
|
- .table{
|
|
|
- border: none;
|
|
|
- border-top: solid 1px black;
|
|
|
-
|
|
|
- tr td{
|
|
|
- border: none;
|
|
|
- border-bottom: solid 1px black;
|
|
|
- border-right: solid 1px black;
|
|
|
- height: 50px;
|
|
|
- text-align: center;
|
|
|
- line-height: 30px;
|
|
|
- width: 80px;
|
|
|
- &:nth-child(1){
|
|
|
- border-left: solid 1px black;
|
|
|
- }
|
|
|
- p{
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
- :deep(.el-select .el-input .el-select__caret){
|
|
|
- display: none;
|
|
|
- }
|
|
|
- :deep(.el-textarea__inner){
|
|
|
- // padding: 0;
|
|
|
- border: none ;
|
|
|
- border-radius: 0px;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
- :deep(.el-input__inner){
|
|
|
- border: none ;
|
|
|
-
|
|
|
- border-radius: 0px;
|
|
|
- text-align: center;
|
|
|
- font-size: 16px;
|
|
|
+ break;
|
|
|
+ case "beginTime":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请选择项目起始时间");
|
|
|
+ document
|
|
|
+ .querySelector("#beginTime")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "endTime":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请选择计划完成时间");
|
|
|
+ document
|
|
|
+ .querySelector("#beginTime")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "studentS":
|
|
|
+ // if(this.wordData[i].length<5){
|
|
|
+ // this.$message.error('学生团队应5人以上')
|
|
|
+ // document.querySelector('#studentS').scrollIntoView({ behavior: "smooth" });
|
|
|
+ // return false;
|
|
|
+ // }else{
|
|
|
+ let snum = 0;
|
|
|
+ this.wordData[i].forEach((item) => {
|
|
|
+ for (let j in item) {
|
|
|
+ if (cEmpty.test(item[j])) {
|
|
|
+ snum++;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
+ });
|
|
|
+ if (snum > 0) {
|
|
|
+ this.$message.error("请填完学生信息");
|
|
|
+ document
|
|
|
+ .querySelector("#studentS")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- .textLeft{
|
|
|
- :deep(.el-textarea__inner){
|
|
|
- // padding: 0;
|
|
|
- border: none ;
|
|
|
- border-radius: 0px;
|
|
|
- text-align: left !important;
|
|
|
- font-size: 16px;
|
|
|
+ // }
|
|
|
+ break;
|
|
|
+ case "teacherS":
|
|
|
+ let num = 0;
|
|
|
+ this.wordData[i].forEach((item) => {
|
|
|
+ for (let j in item) {
|
|
|
+ if (cEmpty.test(item[j])) {
|
|
|
+ num++;
|
|
|
+ }
|
|
|
}
|
|
|
+ });
|
|
|
+ if (num > 0) {
|
|
|
+ this.$message.error("请填完老师信息");
|
|
|
+ document
|
|
|
+ .querySelector("#teacherS")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
}
|
|
|
- }
|
|
|
- .notes{
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- flex-direction:column;
|
|
|
+ break;
|
|
|
+ case "brief":
|
|
|
+ if (cEmpty.test(this.wordData[i])) {
|
|
|
+ this.$message.error("请填写项目简介");
|
|
|
+ // this.$refs.brief.style.background='rgb(236, 141, 141)'
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.$refs.brief.style.background='#ffffff'
|
|
|
+ // }, 2000);
|
|
|
+ document
|
|
|
+ .querySelector("#brief")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ break;
|
|
|
+ case "fund":
|
|
|
+ let mon =
|
|
|
+ this.wordData.fund.facility * 1 +
|
|
|
+ this.wordData.fund.materials * 1 +
|
|
|
+ this.wordData.fund.process * 1 +
|
|
|
+ this.input * 1 +
|
|
|
+ this.wordData.fund.authenticate * 1 +
|
|
|
+ this.wordData.fund.match * 1 +
|
|
|
+ this.wordData.fund.activity * 1 +
|
|
|
+ this.wordData.fund.affair * 1;
|
|
|
+ if (mon == 0) {
|
|
|
+ document
|
|
|
+ .querySelector("#fund")
|
|
|
+ .scrollIntoView({ behavior: "smooth" });
|
|
|
+ return this.$message.error("请输入经费");
|
|
|
+ }
|
|
|
+ break;
|
|
|
}
|
|
|
+ }
|
|
|
+ // let param={
|
|
|
+ // projectName
|
|
|
+ // }
|
|
|
+ // this.ajax
|
|
|
+ // .post(this.$store.state.api+'/SelectAllType',param)
|
|
|
+ // .then(err,res)
|
|
|
+ },
|
|
|
+ convertNumber(type, str) {
|
|
|
+ if (typeof str == "string") {
|
|
|
+ this.wordData["fund"][type] = Number(str.replace(/\D/g, ""));
|
|
|
+ }
|
|
|
+ this.wordData["fund"]["total"] =
|
|
|
+ Number(this.wordData["fund"]["device"]) +
|
|
|
+ Number(this.wordData["fund"]["Material"]) +
|
|
|
+ Number(this.wordData["fund"]["processing"]) +
|
|
|
+ Number(this.wordData["fund"]["Collaboration"]) +
|
|
|
+ Number(this.wordData["fund"]["APPRAISAL"]) +
|
|
|
+ Number(this.wordData["fund"]["entery"]) +
|
|
|
+ Number(this.wordData["fund"]["activities"]) +
|
|
|
+ Number(this.wordData["fund"]["Transaction"]);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ //经费总合
|
|
|
+ reversedMessage: function () {
|
|
|
+ return (
|
|
|
+ (this.wordData.fund.facility * 1 +
|
|
|
+ this.wordData.fund.materials * 1 +
|
|
|
+ this.wordData.fund.process * 1 +
|
|
|
+ this.input * 1 +
|
|
|
+ this.wordData.fund.authenticate * 1 +
|
|
|
+ this.wordData.fund.match * 1 +
|
|
|
+ this.wordData.fund.activity * 1 +
|
|
|
+ this.wordData.fund.affair * 1) /
|
|
|
+ 10000
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.getProjectDepartmentData();
|
|
|
+
|
|
|
+ console.log(1);
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+ <style lang="less" scoped>
|
|
|
+#markerFundWord {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #ffff;
|
|
|
+ margin: 0;
|
|
|
+ padding: 100px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ #title {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ // margin-top: 40px;
|
|
|
+ .school {
|
|
|
+ font-size: 2.5em;
|
|
|
+ font-weight: 500;
|
|
|
+ letter-spacing: 20px;
|
|
|
}
|
|
|
- .operate{
|
|
|
- right:-85px;
|
|
|
- width:85px;
|
|
|
- height: 50px;
|
|
|
- display:flex;
|
|
|
- justify-content:space-between;
|
|
|
- align-items:center;
|
|
|
- position:absolute;
|
|
|
- .el-button{
|
|
|
- max-width:10px;
|
|
|
- display:flex;
|
|
|
- justify-content:center;
|
|
|
- align-items:center;
|
|
|
- margin-left:10px;
|
|
|
- }
|
|
|
+ .wordTitle {
|
|
|
+ font-size: 2em;
|
|
|
+ letter-spacing: 0.15em;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ }
|
|
|
+ .date {
|
|
|
+ font-size: 1em;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ right: 100px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table {
|
|
|
+ border: none;
|
|
|
+ border-top: solid 1px black;
|
|
|
+
|
|
|
+ tr td {
|
|
|
+ border: none;
|
|
|
+ border-bottom: solid 1px black;
|
|
|
+ border-right: solid 1px black;
|
|
|
+ height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 30px;
|
|
|
+ width: 80px;
|
|
|
+ &:nth-child(1) {
|
|
|
+ border-left: solid 1px black;
|
|
|
+ }
|
|
|
+ p {
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ :deep(.el-select .el-input .el-select__caret) {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ :deep(.el-textarea__inner) {
|
|
|
+ // padding: 0;
|
|
|
+ border: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ :deep(.el-input__inner) {
|
|
|
+ border: none;
|
|
|
+
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .textLeft {
|
|
|
+ :deep(.el-textarea__inner) {
|
|
|
+ // padding: 0;
|
|
|
+ border: none;
|
|
|
+ border-radius: 0px;
|
|
|
+ text-align: left !important;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
- </style>
|
|
|
+ }
|
|
|
+ .notes {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+}
|
|
|
+.operate {
|
|
|
+ right: -85px;
|
|
|
+ width: 85px;
|
|
|
+ height: 50px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ position: absolute;
|
|
|
+ .el-button {
|
|
|
+ max-width: 10px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
zengyicheng