ssti-CollegeManage/src/components/studentProjectWord.vue

<template>
<div id="studentProjectWord">
    <div id="title">
        <div class="school">深圳城市职业学院（深圳技师学院）</div>
        <div class="wordTitle">学 生 创 客 项 目 申 报 书0000</div>
        <div class="date">申请日期：{{wordData.applicationDate}}</div>
    </div>
    <table border="1" cellspacing="0" class="table">

      <tr id="projectName">
        <td colspan="2" ref="projectName">项目名称</td>
        <td colspan="5" >
          <el-input
              type="textarea"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="请输入项目名称"
              v-model="wordData.projectName">
            </el-input>
        </td>
      </tr>
      <tr id="radio">
        <td rowspan="2" colspan="2" ref="radio">项目分组</td><td>
          <el-radio v-model="wordData.radio" label="ed917c55-f51d-11ed-a3f6-509a4c5b67cf">创意组</el-radio>
        </td>
        <td colspan="4">立项项目为新立项项目，项目成果应具有较好的创意和较为成型的产品原型或能提供较好的商业模式，产生较好的社会效益。</td>
      </tr>
      <tr>
        <td>
          <el-radio v-model="wordData.radio" label="f3068e26-f51d-11ed-a3f6-509a4c5b67cf">初创组</el-radio>
        </td>
        <td colspan="4">立项项目为学校已结题学生创客项目或已入驻学校创业孵化基地的学生初创企业项目（毕业两年内），项目成果应为原结题项目基础上的技术升级、企业注册、规模扩张。</td>
      </tr>
      <tr id="checkList">
        <td colspan="2" ref="checkList">优先支持项目（可多选）</td> <td colspan="5">
          <el-checkbox-group v-model="wordData.checkList">
            <el-checkbox label="1">大赛选拔项目</el-checkbox>
            <el-checkbox label="2">落地注册项目</el-checkbox>
            <el-checkbox label="3">社会征集项目</el-checkbox>
            <el-checkbox label="4">产业命题项目</el-checkbox>
          </el-checkbox-group>
        </td>
      </tr>
      <tr id="schoolRadio">
        <td colspan="2" ref="schoolRadio">美丽校园改造项目（特色项目）</td> <td colspan="5">
          <el-radio v-model="wordData.schoolRadio" label="1">校园安全项目</el-radio>
          <el-radio v-model="wordData.schoolRadio" label="2">环境治理项目</el-radio>
          <el-radio v-model="wordData.schoolRadio" label="3">校园服务项目</el-radio>
          <el-radio v-model="wordData.schoolRadio" label="4">文创装置项目</el-radio>
        </td>
      </tr>
      <tr id="applyParsonRadio">
        <td colspan="2" ref="applyParsonRadio" >项 目 申 请 人</td><td colspan="2">
          <el-radio v-model="wordData.applyParsonRadio" label="1">在校学生</el-radio>
        </td><td colspan="3">
          <el-radio v-model="wordData.applyParsonRadio" label="2">入驻学校孵化基地的初创企业法人</el-radio>
        </td>
      </tr>
      <tr id="applyParsonName">
        <td colspan="2" ref="applyParsonName">申 请 人 姓 名</td><td colspan="1">
          <el-input
              type="textarea"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="请输入姓名"
              v-model="wordData.applyParsonName">
            </el-input>
        </td>
        <td ref="college">参与学院/公司</td>
        <td>
          <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>
        </td><td ref="tel">联系电话</td><td>
            <el-input type="number" v-model="wordData.tel"  @blur="getText(wordData.tel)" placeholder="请输入联系方式"></el-input>
        </td>
      </tr>
      <tr id="beginTime">
        <td colspan="2" ref="beginTime">项 目 起 始 时 间</td>
        <td colspan="2">
          <el-date-picker
              v-model="wordData.beginTime"
              type="date"
              placeholder="请选择项目计划完成时间"
              prefix-icon="none"
              value-format="yyyy-MM-dd">
              <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->

            </el-date-picker></td>
            <td ref="endTime">计划完成时间</td>
            <td colspan="2">
              <el-date-picker
                v-model="wordData.endTime"
                type="date"
                placeholder="请选择项目计划完成时间"
                prefix-icon="none"
                value-format="yyyy-MM-dd">
                <!-- value-format="yyyy-MM-dd HH:mm:ss"> -->

              </el-date-picker>
          </td>
      </tr>
      <tr>
        <td colspan="2">项 目 组 人 数</td>
        <td>

            {{ wordData.studentS.length + wordData.teacherS.length }}

          </td>
        <td>参与学生人数</td>
        <td>

            {{ wordData.studentS.length }}
          </td>
          <td>参与教师人数</td>
          <td>
            {{ wordData.teacherS.length }}
          </td>
      </tr>
      <tr id="studentS">
        <td :rowspan="wordData.studentS.length+1" ref="studentS">项目组学生成员（至少2个学院以上学生构成，团队5人以上）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
      </tr>
      <tr style="position: relative;" v-for="(item,index) in wordData.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.collage">
            </el-input>
        </td>
        <td colspan="3">
          <el-input
              type="textarea"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="请输入项目组角色分工"
              v-model="item.work">
            </el-input>
        </td>
        <div class="operate">
                <el-button @click="addStudent" v-if="wordData.studentS.length==index+1" type="primary" size="mini">添加</el-button>
                <el-button v-if="wordData.studentS.length>6" @click="DelStudent(index)" type="primary" size="mini">删除</el-button>
        </div>
      </tr>
      <tr id="teacherS">
        <td :rowspan="wordData.teacherS.length+1" ref="teacherS">项目组指导教师（2个学院以上，团队2-3人）</td><td>姓名</td><td colspan="2">所在学院/部门/专业</td><td colspan="3">项目组角色分工</td>
      </tr>
      <tr style="position: relative !important;" v-for="(item,index) in wordData.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.collage">
            </el-input>
        </td>
        <td colspan="3">
          <el-input
              type="textarea"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="请输入项目组角色分工"
              v-model="item.work">
            </el-input>
        </td>
        <div class="operate">
                <el-button @click="addTeacher" v-if="wordData.teacherS.length==index+1" type="primary" size="mini">添加</el-button>
                <el-button v-if="wordData.teacherS.length!=2" @click="DelTeacher(index)" type="primary" size="mini">删除</el-button>
        </div>
        <!-- <div style="position: absolute;">
          <div>+</div>
          <div>_</div>
        </div> -->
      </tr>
      <tr id="brief">
        <td rowspan="5" ref="brief">研发内容</td>
        <td style="text-align: left;position: relative;" colspan="6" class="textLeft">
          <p>项目简介（200-300字）</p>
            <el-input
              type="textarea"
              :rows="6"
              resize="none"
              placeholder="请输入项目简介"
              style="width: 100%;"
              v-model="wordData.brief">
            </el-input>
            <div style="color: #ccc;position: absolute;right: 60px;bottom: 10px;">{{ wordData.brief.length }}/300</div>
        </td>
      </tr>
      <tr>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>项目研发背景</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.back">
            </el-input>
        </td>
      </tr>
      <tr>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>项目创新点</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.innovate">
            </el-input>
        </td>
      </tr>
      <tr>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>技术研发路线</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.path">
            </el-input>
        </td>
      </tr>
      <tr>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>项目应用场景 </p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.scene">
            </el-input>
        </td>
      </tr>
      <tr>
        <td>商业模式及社会价值</td>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>项目商业模式/社会价值</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.worth">
            </el-input>
        </td>
      </tr>
      <tr>
        <td>团队优势</td>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>团队构成及优势</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.team">
            </el-input>
        </td>
      </tr>
      <tr>
        <td>研发成本</td>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>研发成本来源及构成</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.cost">
            </el-input>
        </td>
      </tr>
      <tr>
        <td rowspan="3">预期成果</td>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <p>项目预期成果、数量及形式（产品原型/发明专利/双创竞赛/成果转化/社会效益）</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.expectResults">
            </el-input>
        </td>
      </tr>
      <tr class="textLeft">
        <td style="text-align: left;" colspan="6">
          <p>学生创客人才培养预期成果、数量（教师填写）</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.expectResultsTeacher">
            </el-input>
        </td>
      </tr>
      <tr class="textLeft">
        <td style="text-align: left;" colspan="6">
          <p>项目预期孵化、转化创业项目情况</p>
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.expectConversion">
            </el-input>
        </td>
      </tr>
      <tr>
        <td>实施计划</td>
        <td style="text-align: left;" colspan="6" class="textLeft">
          <el-input
              type="textarea"
              :autosize="{ minRows: 6, maxRows: 20}"
              style="width: 100%;"
              resize="none"
              v-model="wordData.introduce.plan">
            </el-input>
        </td>
      </tr>
      <tr id="fund">
        <td rowspan="12" ref="fund">预算经费</td><td>总经费</td><td colspan="5">
                  {{ reversedMessage==0?'':reversedMessage}}元
        </td>
      </tr>
      <tr>
        <td>支出类别</td><td colspan="2">支出项目</td><td>金额（元）</td><td colspan="4">备 注</td>
      </tr>
      <tr>
        <td rowspan="5">直接费用（1）</td>
      </tr>
      <tr>
        <td colspan="2">小型工具与耗材费</td>
        <td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="小型工具与耗材费"
              v-model="wordData.fund.facility">
            </el-input>
        </td><td colspan="2">
          原材料、电子元件、3D打印耗材、样品打样材料、展示宣传物料等；采购后应当办理入库与出库登记，确保账物相符，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：耗材费】</div><div style="color:#0000FF"> 上限：40%—65%</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">创客交流与调研活动 差旅费</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="创客交流与调研活动 差旅费"
              v-model="wordData.fund.materials">
            </el-input>
        </td><td colspan="2">
          与项目直接相关的参赛、展示、市场/技术差旅费用；报销须附任务书、成果报告或赛事成绩凭证，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：差旅费】</div><div style="color:#0000FF">上限 ：≤10%</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">成果鉴定与认证费</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="成果鉴定与认证费"
              v-model="wordData.fund.process">
            </el-input>
        </td><td colspan="2">
          第三方检测报告、计量校准、技术/产品认证等；报销须附正式报告或证书，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：委托业务费】</div><div style="color:#0000FF">上限：≤5%</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">专家咨询与评审费</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="专家咨询与评审费"
              v-model="wordData.fund.assist">
            </el-input>
        </td><td colspan="2">
          技术咨询、论证、中期/结题评审等劳务费用；须附专家签字意见与现场照片等佐证，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：劳务费】</div><div style="color:#0000FF">上限：≤5%或≤2,000元</div>
        </td>
      </tr>

      <tr>
        <td rowspan="5">直接费用（2）</td>
      </tr>
      <tr>
        <td colspan="2">论文版面费</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="论文版面费"
              v-model="wordData.fund.authenticate">
            </el-input>
        </td><td colspan="2">
          团队学生以第一作者发表与项目相关论文的版面费；须提供录用通知，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：其他商品和服务支出】</div><div style="color:#0000FF">上限：≤5%或≤3,000元</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">测试与外协加工费</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="测试与外协加工费"
              v-model="wordData.fund.match">
            </el-input>
        </td><td colspan="2">
          专业检测与测试、小批量试制、样品制作、云计算资源、短期软件授权、第三方API等；须有合同/发票并注明交付成果，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：其他商品和服务支出】</div><div style="color:#0000FF">上限：≤40%</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">创客交流与调研活动报名费</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="创客交流与调研活动报名费"
              v-model="wordData.fund.activity">
            </el-input>
        </td><td colspan="2">
          与项目直接相关的参赛、展示、市场/技术调研等报名费用；报销须附任务书、成果报告或赛事成绩凭证，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：其他商品和服务支出】</div><div style="color:#0000FF">上限：≤10%</div>
        </td>
      </tr>
      <tr>
        <td colspan="2">其他费用</td><td>
          <el-input
              type="number"
              autosize
              style="width: 100%;"
              resize="none"
              placeholder="其他费用"
              v-model="wordData.fund.affair">
            </el-input>
        </td><td colspan="2">
           邮寄快递、样品寄送等合理但难以预见的小额支出；须注明用途并提供有效票据，提交满足财务要求的相关材料报销。
          <div style="color:#0000FF">【对应内控系统指标：其他商品和服务支出】</div><div style="color:#0000FF">上限：≤3%，累计≤1,000元</div>
        </td>
      </tr>
      <tr>
        <td style="height: 300px;">所在学院意见</td><td colspan="6" class="textLeft">
            <div style="text-align: right;font-size: 18px;width: 80%;position: relative;bottom: -100px;">负责人签章：</div>
            <div style="text-align: right;font-size: 18px;width: 90%;position: relative;bottom: -110px;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
        </td>
      </tr>
      <tr>
        <td style="height: 300px;">财务部门意见</td><td colspan="6" class="textLeft">

            <div style="text-align: right;font-size: 18px;width: 80%;position: relative;bottom: -100px;">负责人签章：</div>
            <div style="text-align: right;font-size: 18px;width: 90%;position: relative;bottom: -110px;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
        </td>
      </tr>
      <tr>
        <td style="height: 300px;">创新创业学院审核意见</td><td colspan="6" class="textLeft">
            <div style="text-align: right;font-size: 18px;width: 80%;position: relative;bottom: -100px;">负责人签章：</div>
            <div style="text-align: right;font-size: 18px;width: 90%;position: relative;bottom: -110px;">年&nbsp;&nbsp;&nbsp; 月 &nbsp;&nbsp;&nbsp;日</div>
        </td>
      </tr>
    </table>
      <div class="notes">
        <span>备注：</span>
        <span>1.表格可顺延或另附页。</span>
        <span>2.优先支持项目需提供与研发项目相关的实证材料并查看原件。</span>
        <span>3.初创组已结题项目申请需提供结题验收证明、初创企业申请需提供入驻学校孵化基地协议书及公司营业执照。</span>

      </div>
</div>
</template>

<script>
import {getNowDate} from '@/components/tool/Date.js'
// import { getWord } from './tool/getWord';
  export default {
    props:['wordData'],
    data() {
      return {

        allFund:'',
        input:"",
        DepartmentData:[],




        //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('请输入正确联系号码格式')
        },
      addTeacher(){        //添加老师
        // if (this.wordData.teacherS.length>=3) return this.$message.error('指导老师最多三人')
        this.wordData.teacherS.push({name:"",collage:"",work:""});
      },
      DelTeacher(index){   //删除老师
        this.wordData.teacherS.splice(index,1)
      },
      addStudent(){   //添加学生
        this.wordData.studentS.push({name:"",collage:"",work:""});
      },
      DelStudent(index){   //删除学生
        this.wordData.studentS.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);
        })
      },
      // 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.wordData.fund.assist*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;
      //     }
      //   }
      //   this.wordData['total']=this.wordData.fund.facility*1 + this.wordData.fund.materials*1+this.wordData.fund.process*1+ this.wordData.fund.assist*1+this.wordData.fund.authenticate*1+ this.wordData.fund.match*1+this.wordData.fund.activity*1+this.wordData.fund.affair*1
      //   getWord(this.wordData)
      // //   let param={
      // //     projectName
      // //   }
      // //   this.ajax
      // //     .post(this.$store.state.api+'/SelectAllType',param)
      // //     .then(err,res)
      // },
    },
    computed:{   //经费总合
      reversedMessage: function () {
        return (this.wordData.fund.facility*1 + this.wordData.fund.materials*1+this.wordData.fund.process*1+ this.wordData.fund.assist*1+this.wordData.fund.authenticate*1+ this.wordData.fund.match*1+this.wordData.fund.activity*1+this.wordData.fund.affair*1)
      }
    },
    mounted(){
      this.getProjectDepartmentData()
    }
  };
</script>

<style lang="less" scoped>
#studentProjectWord{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffff;
    margin: 0;
    padding:40px 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: 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;
        }
    }
    .table{
        border: none;
        border-top: solid 1px black;
        border-right:  solid 1px black;
        .textLeft{
          :deep(.el-textarea__inner){
            border: none ;
            border-radius: 0px;
            text-align: left !important;
            font-size: 16px;
          }
        }
        .jc{
            font-weight: 600;
          }
        tr td{
          border: none;
          border-bottom: solid 1px black;
          border-left: solid 1px black;
          height: 50px;
          text-align: center;
          line-height: 30px;
          width: 14.3%;
          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;
          }
          :deep(input)::-webkit-outer-spin-button,
          :deep(input)::-webkit-inner-spin-button {
            -webkit-appearance: none;
          }
          :deep(input)[type="number"]{
              -moz-appearance: textfield;
          }
        }

    }
    .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>