|
|
@@ -0,0 +1,1413 @@
|
|
|
+<template>
|
|
|
+ <!-- 创客资金申请表单 -->
|
|
|
+ <div class="makerfundApply" v-loading="loading">
|
|
|
+ <div class="vfpHeader">
|
|
|
+ <div class="titleOne">创客资金申请</div>
|
|
|
+ <div class="smallTitle" style="left: 150px;">创客资金申请详情</div>
|
|
|
+ <el-button type="primary" @click="$router.back()">返回</el-button>
|
|
|
+ </div>
|
|
|
+ <hr>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 项目名称、类型开始 -->
|
|
|
+ <div class="Apply1">
|
|
|
+ <div class="inpInterval">项目名称</div>
|
|
|
+ <el-select v-model="selects.projectName" disabled style="width: 30%;" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in projectFilter"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.title"
|
|
|
+ :value="item.id">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="Apply1">
|
|
|
+ <div class="inpInterval">项目类型</div>
|
|
|
+ <el-select v-model="selects.projectType" disabled placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in projectType"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.name">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <!-- 项目名称、类型结束 -->
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="tabTit">
|
|
|
+ <div>
|
|
|
+ <p>经费支出类别(单位:元)</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <hr>
|
|
|
+ <div class="moneyBlock" v-for="(item,index) in directFundBlock" :key="index"> <!-- 直接经费 -->
|
|
|
+ <div class="howMoneyFlex">
|
|
|
+ <div style="width: 100%;display: flex;">
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval ">直接经费</div>
|
|
|
+ <el-select v-model="item.directFundData" @change="directFundDataSelectChange()" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in item.directFundSelects"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval twoStyle">预算</div>
|
|
|
+ <el-input v-model="item.budget" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width: 100%;display: flex;">
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval ">已支付</div>
|
|
|
+ <el-input v-model="item.usedFund" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval twoStyle">本次申请</div>
|
|
|
+ <el-input v-model="item.apply" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval twoStyle">余额</div>
|
|
|
+ <el-input disabled :value="item.budget - item.usedFund -item.apply" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney" >
|
|
|
+ <div class="inpInterval" style="position: relative;top:-20px">事由</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ class="textArea"
|
|
|
+ resize="none"
|
|
|
+ style="width:800px"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ v-model="item.reason">
|
|
|
+ </el-input>
|
|
|
+ <p><span class="delText" v-show="index!=0" @click="delDerData(index)">删除</span></p>
|
|
|
+ <!-- <el-button v-show="index!=0" type="primary" style="font-size: 16px;height: 40px;margin-left: 10px; line-height: 0;" @click="delDerData(index)">删除</el-button> -->
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="addMoneyBtn" @click="addDirectFund">
|
|
|
+ <div class="jia">+</div>添加
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div> <!-- 间接经费 -->
|
|
|
+ <div class="moneyBlock" v-for="(item,i) in indirectFundBlock" :key="i">
|
|
|
+ <div class="howMoneyFlex">
|
|
|
+ <div style="width: 100%;display: flex;">
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval">间接经费</div>
|
|
|
+ <el-select v-model="item.indirectFundData" @change="indirectFundSelectChange" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in item.indirectFundSelects"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval twoStyle">预算</div>
|
|
|
+ <el-input v-model="item.budget" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="width: 100%;display: flex;">
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval ">已支付</div>
|
|
|
+ <el-input v-model="item.usedFund" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval twoStyle">本次申请</div>
|
|
|
+ <el-input v-model="item.apply" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval twoStyle">余额</div>
|
|
|
+ <el-input disabled :value="item.budget - item.usedFund -item.apply" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval" style="position: relative;top:-20px">事由</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ class="textArea"
|
|
|
+ resize="none"
|
|
|
+ style="width:800px"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ v-model="item.reason">
|
|
|
+ </el-input>
|
|
|
+ <p><span class="delText" v-show="i!=0" @click="delInDerData(i)">删除</span></p>
|
|
|
+
|
|
|
+ <!-- <el-button v-show="i!=0" type="primary" style="font-size: 16px;height: 40px;line-height: 0;margin-left: 10px;" @click="delInDerData(i)">删除</el-button> -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div class="addMoneyBtn" @click="addIndirectFund">
|
|
|
+ <div class="jia">+</div>添加
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+<!-- 其他经费 -->
|
|
|
+ <div class="moneyBlock">
|
|
|
+ <!-- <div class="howMoneyFlex">
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval" >其他</div>
|
|
|
+ <el-input v-model="residue.elseReason" placeholder="请输入内容"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval ">预算</div>
|
|
|
+ <el-input v-model="residue.budget" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval ">已支付</div>
|
|
|
+ <el-input v-model="residue.usedFund" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval ">余额</div>
|
|
|
+ <el-input disabled :value="residue.budget - residue.usedFund" type="number" class="inputNumber howMoneyInp" placeholder="金额"></el-input>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <div class="howMoney">
|
|
|
+ <div class="inpInterval" style="position: relative;top:-20px">备注</div>
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ resize="none"
|
|
|
+ class="textArea"
|
|
|
+ style="width:800px"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ v-model="residue.reason">
|
|
|
+ </el-input>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <div> <!-- 附件上传 -->
|
|
|
+ <div class="tabTit">
|
|
|
+ <div><p>附件上传</p></div>
|
|
|
+ </div>
|
|
|
+ <hr>
|
|
|
+ <el-progress v-show="progress.show" :percentage="progress.value" :format="ProgressFormat"></el-progress>
|
|
|
+
|
|
|
+ <div style="display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 45px;">
|
|
|
+ <el-upload
|
|
|
+ action="#"
|
|
|
+ list-type="picture-card"
|
|
|
+ style="position: relative;margin-left: 10px;"
|
|
|
+ disabled
|
|
|
+ :on-remove="handleRemove">
|
|
|
+ <BeUpload @getFile="getFile" :progress="progress" style="position: absolute;left: 0;width: 147px;height: 100%;opacity: 0;" class="uploadPic" :navName="'上传封面'" :accept="accept"></BeUpload>
|
|
|
+ <i class="el-icon-plus"></i>
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ <el-upload
|
|
|
+ action="#"
|
|
|
+ list-type="picture-card"
|
|
|
+ class="delUpload"
|
|
|
+ style="position: relative;"
|
|
|
+ v-show="file[0]"
|
|
|
+ disabled
|
|
|
+ v-for="(item,index) in this.file" :key="index"
|
|
|
+ >
|
|
|
+ <!-- <span class="delUploadBtnSty" @click="delUploadBtn(index)">×</span> -->
|
|
|
+ <!-- <div class="maskLayer" style="background: #000;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;"> -->
|
|
|
+
|
|
|
+ <img style="position: absolute;left: -1px;top:-1px;width: 149px;height: 101%;border-radius: 5px;" :src="dialogImageUrl" alt="">
|
|
|
+ <div class="maskLayer">
|
|
|
+ <i @click="delUploadBtn(index)" class="maskLayerI el-icon-close"></i>
|
|
|
+ </div>
|
|
|
+ <div style="position: absolute;left: -20%;bottom: -30px;width: 200px;height: 30px;color: #000;line-height: 30px;display: flex;justify-content: center;">{{ item.fileName }}</div>
|
|
|
+ <!-- <img v-if="imageUrl" :src="imageUrl" class="avatar"> -->
|
|
|
+ </el-upload>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <div class="baseBtn">
|
|
|
+ <div class="blockWidth">
|
|
|
+ <el-button type="primary" @click="createFrom">生成表单</el-button>
|
|
|
+ <el-button v-show="status==0" type="primary" @click="uploadData">保存</el-button>
|
|
|
+ <el-button v-show="status==1" style="width: 120px;background-color: #c8c9cc !important;border-color: #c8c9cc;cursor: no-drop;" type="primary">保存</el-button>
|
|
|
+ <el-button v-show="status==2" style="width: 120px;background-color: #c8c9cc !important;border-color: #c8c9cc;cursor: no-drop;" type="primary">保存</el-button>
|
|
|
+
|
|
|
+
|
|
|
+ <el-button v-show="status==0" style="width: 120px;" @click="endDialogShow" type="primary">审核</el-button>
|
|
|
+ <el-button v-show="status==1" style="width: 120px;background-color: #c8c9cc !important;border-color: #c8c9cc;cursor: no-drop;" type="primary">审核</el-button>
|
|
|
+ <el-button v-show="status==2" style="width: 120px;background-color: #c8c9cc !important;border-color: #c8c9cc;cursor: no-drop;" type="primary">审核</el-button>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 提交对话框开始 -->
|
|
|
+ <el-dialog
|
|
|
+ title="提示"
|
|
|
+ :visible.sync="submitHint"
|
|
|
+ width="600px"
|
|
|
+ class="pageSubmitData"
|
|
|
+ :before-close="init">
|
|
|
+ <div class="addDialogLogo">LOGO</div>
|
|
|
+ <div class="deleteContent">确定完成保存？</div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitAll" class="AllDialogBtn">确定保存</el-button>
|
|
|
+ <el-button @click="init" class="AllDialogBtn" size="small">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 提交对话框结束 -->
|
|
|
+ <!-- 生成表单对话框开始 -->
|
|
|
+ <el-dialog
|
|
|
+ title="表单"
|
|
|
+ :visible.sync="createFromDialog"
|
|
|
+ width="60%"
|
|
|
+ style="top: -150px;"
|
|
|
+ class="createFromDialogSty"
|
|
|
+ :before-close="init">
|
|
|
+ <div class="addDialogLogo">LOGO</div>
|
|
|
+ <div class="deleteContent">
|
|
|
+ <table class="tableStyle" width="100%" border="1">
|
|
|
+ <caption style="height: 40px;font-size: 22px;">学校创客专项资金使用申请表（单位：元）</caption>
|
|
|
+ <caption style="height: 30px;text-align: left;">
|
|
|
+ <div style="display: flex;">
|
|
|
+ <div style="margin-right: 10px;margin-top: -5px;"> 项目类型:</div>
|
|
|
+ <el-radio-group disabled v-model="selects.projectType">
|
|
|
+ <el-radio label="创客空间">创客空间</el-radio>
|
|
|
+ <el-radio label="创客实践室">创客实践室</el-radio>
|
|
|
+ <el-radio label="个人创客">个人创客</el-radio>
|
|
|
+ <el-radio label="创客活动">创客活动</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </caption>
|
|
|
+ <caption style="height: 30px;text-align: left;">项目名称:<span style="margin-left:30%;font-weight: bold;font-size: 16px;">{{ residue.PName }}</span></caption>
|
|
|
+ <tr>
|
|
|
+ <td>序号</td>
|
|
|
+ <td>经济支出类别(A)</td>
|
|
|
+ <td>预算</td>
|
|
|
+ <td>已支付</td>
|
|
|
+ <td>本次申请</td>
|
|
|
+ <td>余额</td>
|
|
|
+ <td style="width: 20%;">事由</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>01</td>
|
|
|
+ <td style="text-align: left;">一.经费支出</td>
|
|
|
+ <td>{{ AllFund.budget }}</td>
|
|
|
+ <td>{{ AllFund.expended }}</td>
|
|
|
+ <td>{{ AllFund.application }}</td>
|
|
|
+ <td>{{ AllFund.surplus }}</td>
|
|
|
+ <td style="width: 20%;"></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>02</td>
|
|
|
+ <td style="text-align: left;">(一)直接费用</td>
|
|
|
+ <td>{{ IndirectFunding.budget }}</td>
|
|
|
+ <td>{{ IndirectFunding.expended }}</td>
|
|
|
+ <td>{{IndirectFunding.application}}</td>
|
|
|
+ <td>{{ IndirectFunding.surplus }}</td>
|
|
|
+ <td style="width: 20%;"></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>03</td>
|
|
|
+ <td style="text-align: left;">小型仪器设备费</td>
|
|
|
+ <td>{{ directData.facility==0?'':directData.facility }}</td>
|
|
|
+ <td>{{ usedDirectData.facility==0?'':usedDirectData.facility }}</td>
|
|
|
+ <td>{{ applicationDirectData.facility==0?'':applicationDirectData.facility }}</td>
|
|
|
+ <td>{{ directData.facility-usedDirectData.facility-applicationDirectData.facility }}</td>
|
|
|
+ <td style="width: 20%;">{{ directDataReason.reason }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>04</td>
|
|
|
+ <td style="text-align: left;">材料费</td>
|
|
|
+ <td>{{ directData.cl==0?'':directData.cl }}</td>
|
|
|
+ <td>{{ usedDirectData.cl==0?'':usedDirectData.cl }}</td>
|
|
|
+ <td>{{ applicationDirectData.cl==0?'':applicationDirectData.cl }}</td>
|
|
|
+ <td>{{ directData.cl-usedDirectData.cl-applicationDirectData.cl }}</td>
|
|
|
+ <td style="width: 20%;">{{ directDataReason.reason1 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>05</td>
|
|
|
+ <td style="text-align: left;">测试化验加工费</td>
|
|
|
+ <td>{{ directData.jg==0?'':directData.jg }}</td>
|
|
|
+ <td>{{ usedDirectData.jg==0?'':usedDirectData.jg }}</td>
|
|
|
+ <td>{{ applicationDirectData.jg==0?'':applicationDirectData.jg }}</td>
|
|
|
+ <td>{{ directData.jg-usedDirectData.jg-applicationDirectData.jg }}</td>
|
|
|
+ <td style="width: 20%;">{{ directDataReason.reason2 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>06</td>
|
|
|
+ <td style="text-align: left;">项目协作费</td>
|
|
|
+ <td>{{ directData.xz==0?'':directData.xz }}</td>
|
|
|
+ <td>{{ usedDirectData.xz==0?'':usedDirectData.xz }}</td>
|
|
|
+ <td>{{ applicationDirectData.xz==0?'':applicationDirectData.xz }}</td>
|
|
|
+ <td>{{ directData.xz-usedDirectData.xz-applicationDirectData.xz }}</td>
|
|
|
+ <td style="width: 20%;">{{ directDataReason.reason3 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>07</td>
|
|
|
+ <td style="text-align: left;">其他支出</td>
|
|
|
+ <td>{{ directData.qt==0?'':directData.qt }}</td>
|
|
|
+ <td>{{ usedDirectData.qt==0?'':usedDirectData.qt }}</td>
|
|
|
+ <td>{{ applicationDirectData.qt==0?'':applicationDirectData.qt }}</td>
|
|
|
+ <td>{{ directData.qt- usedDirectData.qt-applicationDirectData.qt}}</td>
|
|
|
+ <td style="width: 20%;">{{ directDataReason.reason4 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>08</td>
|
|
|
+ <td style="text-align: left;">(二)间接费用</td>
|
|
|
+ <td>{{ Expenditure['budget'] }}</td>
|
|
|
+ <td>{{ Expenditure['expended'] }}</td>
|
|
|
+ <td>{{ Expenditure['application'] }}</td>
|
|
|
+ <td>{{ Expenditure['surplus'] }}</td>
|
|
|
+ <td style="width: 20%;"></td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>03</td>
|
|
|
+ <td style="text-align: left;">项目成果鉴定费</td>
|
|
|
+ <td>{{ indirectData.facility==0?'':indirectData.facility }}</td>
|
|
|
+ <td>{{ usedInDirectData.facility==0?'':usedInDirectData.facility }}</td>
|
|
|
+ <td>{{ applicationInDirectData.facility==0?'':applicationInDirectData.facility }}</td>
|
|
|
+ <td>{{ indirectData.facility-usedInDirectData.facility-applicationInDirectData.facility }}</td>
|
|
|
+ <td style="width: 20%;">{{ indirectDataReason.reason }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>04</td>
|
|
|
+ <td style="text-align: left;">参展参赛费</td>
|
|
|
+ <td>{{ indirectData.cl==0?'':indirectData.cl }}</td>
|
|
|
+ <td>{{ usedInDirectData.cl==0?'':usedInDirectData.cl }}</td>
|
|
|
+ <td>{{ applicationInDirectData.cl==0?'':applicationInDirectData.cl }}</td>
|
|
|
+ <td>{{ indirectData.cl-usedInDirectData.cl-applicationInDirectData.cl }}</td>
|
|
|
+ <td style="width: 20%;">{{ indirectDataReason.reason1 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>05</td>
|
|
|
+ <td style="text-align: left;">创客交流活动费</td>
|
|
|
+ <td>{{ indirectData.jg==0?'':indirectData.jg }}</td>
|
|
|
+ <td>{{ usedInDirectData.jg==0?'':usedInDirectData.jg }}</td>
|
|
|
+ <td>{{ applicationInDirectData.jg==0?'':applicationInDirectData.jg }}</td>
|
|
|
+ <td>{{ indirectData.jg-usedInDirectData.jg-applicationInDirectData.jg }}</td>
|
|
|
+ <td style="width: 20%;">{{ indirectDataReason.reason2 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>06</td>
|
|
|
+ <td style="text-align: left;">知识产权事务费</td>
|
|
|
+ <td>{{ indirectData.xz==0?'':indirectData.xz }}</td>
|
|
|
+ <td>{{ usedInDirectData.xz==0?'':usedInDirectData.xz }}</td>
|
|
|
+ <td>{{ applicationInDirectData.xz==0?'':applicationInDirectData.xz }}</td>
|
|
|
+ <td>{{ indirectData.xz-usedInDirectData.xz-applicationInDirectData.xz }}</td>
|
|
|
+ <td style="width: 20%;">{{ indirectDataReason.reason3 }}</td>
|
|
|
+ </tr>
|
|
|
+ <tr>
|
|
|
+ <td>07</td>
|
|
|
+ <td style="text-align: left;">其他支出</td>
|
|
|
+ <td>{{ indirectData.qt==0?'':indirectData.qt }}</td>
|
|
|
+ <td>{{ usedInDirectData.qt==0?'':usedInDirectData.qt }}</td>
|
|
|
+ <td>{{ applicationInDirectData.qt==0?'':applicationInDirectData.qt }}</td>
|
|
|
+ <td>{{ indirectData.qt-usedInDirectData.qt-applicationInDirectData.qt }}</td>
|
|
|
+ <td style="width: 20%;">{{ indirectDataReason.reason4 }}</td>
|
|
|
+ </tr>
|
|
|
+ <!-- <tr v-for="(item,index) in items" :key="index">
|
|
|
+ <td>{{ index+1 }}</td>
|
|
|
+ <td style="text-align: left;">{{ item.fromSort }}</td>
|
|
|
+ <td>{{ item.fromBudget }}</td>
|
|
|
+ <td>{{ item.fromUsed }}</td>
|
|
|
+ <td>{{ item.fromApp }}</td>
|
|
|
+ <td>{{ item.fromBalance }}</td>
|
|
|
+ <td style="width: 20%;">{{ item.fromReason }}</td>
|
|
|
+ </tr> -->
|
|
|
+ <tr>
|
|
|
+ <td style="height: 80px;">备注</td>
|
|
|
+ <td colspan="6" style="text-align:left;">{{ residue.reason }}</td>
|
|
|
+ </tr>
|
|
|
+ </table>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitCreateFrom" class="AllDialogBtn">确认</el-button>
|
|
|
+ <el-button @click="createFromDialog = false" class="AllDialogBtn" size="small">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 生成表单对话框结束 -->
|
|
|
+
|
|
|
+ <!-- 审核对话框框开始 -->
|
|
|
+ <el-dialog
|
|
|
+ title="提示"
|
|
|
+ :visible.sync="auditDialog"
|
|
|
+ width="600px"
|
|
|
+ class="pageSubmitData"
|
|
|
+ :before-close="init">
|
|
|
+ <div class="addDialogLogo">LOGO</div>
|
|
|
+ <div class="deleteContent">确定完成审核？</div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="submitAudit" class="AllDialogBtn">确认审核</el-button>
|
|
|
+ <el-button @click="auditDialog=false" class="AllDialogBtn" size="small">取消</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <!-- 审核对话框结束 -->
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import BeUpload from "../../components/tool/beUpload.vue";
|
|
|
+ import getExcel from "@/components/tool/getExcel";
|
|
|
+export default {
|
|
|
+
|
|
|
+ components: {
|
|
|
+ BeUpload,
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ // items:[
|
|
|
+ // {num:'01',fromSort:'一.经费支出',fromBudget:'0',fromUsed:'0',fromApp:'0',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'02',fromSort:'(一)直接费用',fromBudget:'0',fromUsed:'0',fromApp:'0',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'03',fromSort:'小型仪器设备费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'04',fromSort:'材料费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'05',fromSort:'测试化验加工费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'06',fromSort:'项目协作费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'07',fromSort:'其他支出',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'08',fromSort:'(二)间接费用',fromBudget:'0',fromUsed:'0',fromApp:'0',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'09',fromSort:'项目成果鉴定费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'10',fromSort:'参展参赛费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'11',fromSort:'创客交流活动费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'12',fromSort:'知识产权事务费',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // {num:'13',fromSort:'其他支出',fromBudget:'',fromUsed:'',fromApp:'',fromBalance:'0',fromReason:''},
|
|
|
+ // ],
|
|
|
+ status:'', //审核状态
|
|
|
+ auditDialog:false, //审核按钮
|
|
|
+ loading:false,
|
|
|
+ checkList: [],
|
|
|
+ accept:"*",
|
|
|
+ submitHint:false, //提交按钮
|
|
|
+ createFromDialog:false, //生成表单
|
|
|
+ dialogImageUrl:require('../../assets/img/zzpic426.jpg'),
|
|
|
+ disabled: false,
|
|
|
+ file:[],
|
|
|
+ selects:{
|
|
|
+ projectName:'',
|
|
|
+ projectType:''
|
|
|
+ },
|
|
|
+ progress:{ //进度条
|
|
|
+ value:0,
|
|
|
+ show:false
|
|
|
+ },
|
|
|
+ projectFilter:[], //项目名称
|
|
|
+ projectType:[ //项目类型
|
|
|
+ {
|
|
|
+ id:1,
|
|
|
+ name:'创客空间'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:2,
|
|
|
+ name:'创客实践室'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:3,
|
|
|
+ name:'个人创客'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id:4,
|
|
|
+ name:'创客活动'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ directFundBlock:[ //直接经费
|
|
|
+ {
|
|
|
+ directFundData:'',
|
|
|
+ directFundSelects:[
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ label:'小型仪器设备费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ label:'材料费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ label:'测试化验加工费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ label:'项目协作费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ label:'其他支出'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ budget:'', //预算
|
|
|
+ usedFund:'', //已使用
|
|
|
+ apply:'', //本次申请
|
|
|
+ reason:'' //理由
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ newDirectFundBlock:{ //添加直接经费
|
|
|
+ directFundData:'',
|
|
|
+ directFundSelects:[
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ label:'小型仪器设备费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ label:'材料费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ label:'测试化验加工费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ label:'项目协作费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ label:'其他支出'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ budget:'', //预算
|
|
|
+ usedFund:'', //已使用
|
|
|
+ apply:'', //本次申请
|
|
|
+ reason:'' //理由
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ indirectFundBlock:[ //间接经费
|
|
|
+ {
|
|
|
+ indirectFundData:'',
|
|
|
+ indirectFundSelects:[
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ label:'项目成功鉴定费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ label:'参展参赛费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ label:'创客交流活动费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ label:'知识产权事务费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ label:'其他支出'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ budget:'', //预算
|
|
|
+ usedFund:'', //已使用
|
|
|
+ apply:'', //本次申请
|
|
|
+ reason:'' //理由
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ newIndirectFundBlock:{ //添加间接经费
|
|
|
+ indirectFundData:'',
|
|
|
+ indirectFundSelects:[
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ label:'项目成功鉴定费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ label:'参展参赛费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ label:'创客交流活动费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ label:'知识产权事务费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ label:'其他支出'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ budget:'', //预算
|
|
|
+ usedFund:'', //已使用
|
|
|
+ apply:'', //本次申请
|
|
|
+ reason:'' //理由
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ residue:{ //其他
|
|
|
+ PName:"",//项目名称
|
|
|
+ elseReason:'',
|
|
|
+ budget:'',
|
|
|
+ usedFund:'',
|
|
|
+ reason:'',
|
|
|
+ }
|
|
|
+ ,
|
|
|
+ directData:{ //直接经费预算
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ },
|
|
|
+ directDataReason:{
|
|
|
+ reason:'',
|
|
|
+ reason1:'',
|
|
|
+ reason2:'',
|
|
|
+ reason3:'',
|
|
|
+ reason4:''
|
|
|
+ },
|
|
|
+ usedDirectData:{ //直接经费已支出
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ },
|
|
|
+ applicationDirectData:{ //直接经费本次申请
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ },
|
|
|
+ indirectData:{ //间接经费预算
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ },
|
|
|
+ indirectDataReason:{ //间接理由
|
|
|
+ reason:'',
|
|
|
+ reason1:'',
|
|
|
+ reason2:'',
|
|
|
+ reason3:'',
|
|
|
+ reason4:''
|
|
|
+ },
|
|
|
+ usedInDirectData:{ //间接经费已支出
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ },
|
|
|
+ applicationInDirectData:{ //间接经费本次申请
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ },
|
|
|
+ DirectFunding:{ //直接经费汇总
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ },
|
|
|
+ IndirectFunding:{//间接经费汇总
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ },
|
|
|
+ Expenditure:{//经费支出汇总
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ },
|
|
|
+ AllFund:{ //经费支出
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ endDialogShow(){ //审核对话框显示
|
|
|
+ this.auditDialog=true
|
|
|
+ },
|
|
|
+ submitAudit(){ //确定审核
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ fid:this.fid,
|
|
|
+ status:1
|
|
|
+ }
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api+"/UpdateMakerFundState",param)
|
|
|
+ .then(res=>{
|
|
|
+ this.auditDialog=false;
|
|
|
+ if (res.data) {
|
|
|
+ this.$message.success('审核成功')
|
|
|
+ this.getAllFund()
|
|
|
+ }else{
|
|
|
+ this.$message.error('审核失败')
|
|
|
+ }
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ getAllFund(){
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ fid:this.$route.query['Id']
|
|
|
+ }
|
|
|
+ // console.log(param);
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api+'/SelectMakerFundSelects',param)
|
|
|
+ .then(res=>{
|
|
|
+ // console.log(res.data);
|
|
|
+ let data=res.data;
|
|
|
+ this.directFundBlock=JSON.parse(data[0][0].directFund);
|
|
|
+ // console.log(this.directFundBlock);
|
|
|
+ this.indirectFundBlock=JSON.parse(data[0][0].indirectFund);
|
|
|
+ this.residue=JSON.parse(data[0][0].elseFund);
|
|
|
+ this.file=JSON.parse(data[0][0].fundFile);
|
|
|
+ this.selects.projectName=data[0][0].courseId;
|
|
|
+ this.selects.projectType=data[0][0].type;
|
|
|
+ this.status=data[0][0].state;
|
|
|
+ this.fid=data[0][0].fid;
|
|
|
+ // this.projectFilter=data[1];
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+ AllEquipment(){
|
|
|
+ this.directFundBlock.forEach((e,i)=>{
|
|
|
+ switch(e.directFundData)
|
|
|
+ {
|
|
|
+ case 1:
|
|
|
+ this.directData.facility+=e.budget*1;
|
|
|
+ this.usedDirectData.facility+=e.usedFund*1;
|
|
|
+ this.directDataReason.reason=e.reason;
|
|
|
+ this.applicationDirectData.facility = e.apply*1
|
|
|
+ // console.log(this.directData.facility);
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ this.directData.cl+=e.budget*1;
|
|
|
+ this.usedDirectData.cl+=e.usedFund*1;
|
|
|
+ this.directDataReason.reason1=e.reason;
|
|
|
+ this.applicationDirectData.cl = e.apply*1
|
|
|
+ // console.log(this.directData.cl);
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ this.directData.jg=e.budget*1;
|
|
|
+ this.usedDirectData.jg+=e.usedFund*1;
|
|
|
+ this.directDataReason.reason2=e.reason;
|
|
|
+ this.applicationDirectData.jg = e.apply*1
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ this.directData.xz=e.budget*1;
|
|
|
+ this.usedDirectData.xz+=e.usedFund*1;
|
|
|
+ this.directDataReason.reason3=e.reason;
|
|
|
+ this.applicationDirectData.xz = e.apply*1
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ this.directData.qt=e.budget*1;
|
|
|
+ this.usedDirectData.qt+=e.usedFund*1;
|
|
|
+ this.directDataReason.reason4=e.reason;
|
|
|
+ this.applicationDirectData.qt = e.apply*1
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ this.indirectFundBlock.forEach((e,i)=>{
|
|
|
+ switch(e.indirectFundData)
|
|
|
+ {
|
|
|
+ case 1:
|
|
|
+ this.indirectData.facility+=e.budget*1;
|
|
|
+ this.usedInDirectData.facility+=e.usedFund*1;
|
|
|
+ this.indirectDataReason.reason=e.reason;
|
|
|
+ this.applicationInDirectData.facility = e.apply*1;
|
|
|
+ // console.log(this.directData.facility);
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ this.indirectData.cl+=e.budget*1;
|
|
|
+ this.usedInDirectData.cl+=e.usedFund*1;
|
|
|
+ this.indirectDataReason.reason1=e.reason;
|
|
|
+ this.applicationInDirectData.cl = e.apply*1;
|
|
|
+ // console.log(this.directData.cl);
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ this.indirectData.jg=e.budget*1;
|
|
|
+ this.usedInDirectData.jg+=e.usedFund*1;
|
|
|
+ this.indirectDataReason.reason2=e.reason;
|
|
|
+ this.applicationInDirectData.jg = e.apply*1;
|
|
|
+ break;
|
|
|
+ case 4:
|
|
|
+ this.indirectData.xz=e.budget*1;
|
|
|
+ this.usedInDirectData.xz+=e.usedFund*1;
|
|
|
+ this.indirectDataReason.reason3=e.reason;
|
|
|
+ this.applicationInDirectData.xz = e.apply*1;
|
|
|
+ break;
|
|
|
+ case 5:
|
|
|
+ this.indirectData.qt=e.budget*1;
|
|
|
+ this.usedInDirectData.qt+=e.usedFund*1;
|
|
|
+ this.indirectDataReason.reason4=e.reason;
|
|
|
+ this.applicationInDirectData.qt = e.apply*1;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // this.DirectFunding.budget = this.
|
|
|
+ //直接费用全部预算
|
|
|
+ for(let i in this.directData)this.IndirectFunding['budget']+=this.directData[i];
|
|
|
+ //直接费用全部已支出
|
|
|
+ for(let a in this.usedDirectData)this.IndirectFunding['expended']+=this.usedDirectData[a];
|
|
|
+ //直接费用本次申请
|
|
|
+ for(let b in this.applicationDirectData)this.IndirectFunding['application']+=this.applicationDirectData[b]
|
|
|
+ //直接费用余额
|
|
|
+ this.IndirectFunding['surplus'] = this.IndirectFunding['budget']-this.IndirectFunding['expended']-this.IndirectFunding['application']
|
|
|
+
|
|
|
+ //间接费用
|
|
|
+ //间接费用全部预算
|
|
|
+ for(let c in this.indirectData)this.Expenditure['budget']+=this.indirectData[c];
|
|
|
+ //间接费用全部已支出
|
|
|
+ for(let d in this.usedInDirectData)this.Expenditure['expended']+=this.usedInDirectData[d];
|
|
|
+ //间接费用本次申请
|
|
|
+ for(let e in this.applicationInDirectData)this.Expenditure['application']+=this.applicationInDirectData[e];
|
|
|
+ //间接费用余额
|
|
|
+ this.Expenditure['surplus'] = this.Expenditure['budget']-this.Expenditure['expended']-this.Expenditure['application']
|
|
|
+
|
|
|
+ //经费支出
|
|
|
+ //预算
|
|
|
+ this.AllFund.budget =this.Expenditure['budget']+this.IndirectFunding['budget'];
|
|
|
+ //已支出
|
|
|
+ this.AllFund.expended = this.Expenditure['expended']+this.IndirectFunding['expended'];
|
|
|
+ //本次申请
|
|
|
+ this.AllFund.application = this.Expenditure['application']+this.IndirectFunding['application']
|
|
|
+ //育儿
|
|
|
+ this.AllFund.surplus = this.AllFund['budget']-this.AllFund['expended']-this.AllFund['application'];
|
|
|
+
|
|
|
+ //项目名称
|
|
|
+ this.residue.PName = this.projectFilter.filter(item=>item.id==this.selects.projectName).length!=0?this.projectFilter.filter(item=>item.id==this.selects.projectName)[0]['title']:'';
|
|
|
+
|
|
|
+ },
|
|
|
+ createFrom(){ // 显示表单对话框
|
|
|
+ this.directData={ //直接经费预算
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0
|
|
|
+ },
|
|
|
+ this.usedDirectData={ //直接经费已支出
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0
|
|
|
+ },
|
|
|
+ this.indirectData={ //间接经费预算
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0
|
|
|
+ },
|
|
|
+ this.usedInDirectData={ //间接经费已支出
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0
|
|
|
+ },
|
|
|
+ this.directDataReason={
|
|
|
+ reason:'',
|
|
|
+ reason1:'',
|
|
|
+ reason2:'',
|
|
|
+ reason3:'',
|
|
|
+ reason4:''
|
|
|
+ },
|
|
|
+ this.IndirectFunding = { //直接经费汇总
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ },
|
|
|
+ this.Expenditure={//经费支出汇总
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ }
|
|
|
+ this.AllFund={ //经费支出
|
|
|
+ budget:0, //预算
|
|
|
+ expended:0, //已支付
|
|
|
+ application:0, //本次申请
|
|
|
+ surplus:0, //余额
|
|
|
+ }
|
|
|
+ this.applicationInDirectData={ //间接经费本次申请
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ }
|
|
|
+ this.applicationDirectData={ //直接经费本次申请
|
|
|
+ facility:0,
|
|
|
+ cl:0,
|
|
|
+ jg:0,
|
|
|
+ xz:0,
|
|
|
+ qt:0,
|
|
|
+ }
|
|
|
+ this.AllEquipment();
|
|
|
+ this.createFromDialog=true;
|
|
|
+ },
|
|
|
+ submitCreateFrom(){ //生成表单
|
|
|
+ getExcel({
|
|
|
+ PName:this.residue.PName, //项目名称
|
|
|
+ remarks:this.residue.reason,//备注
|
|
|
+ type:this.selects.projectType,//项目类型
|
|
|
+ direct:{
|
|
|
+ budget:this.directData,
|
|
|
+ expended:this.usedDirectData,
|
|
|
+ apply:this.applicationDirectData,
|
|
|
+ reason:this.directDataReason,
|
|
|
+ },
|
|
|
+ indirect:{
|
|
|
+ budget:this.indirectData,
|
|
|
+ expended:this.usedInDirectData,
|
|
|
+ apply:this.applicationInDirectData,
|
|
|
+ reason:this.indirectDataReason
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+ },
|
|
|
+ ProgressFormat(value){ //进度条
|
|
|
+ return value ==100?'100%':`${value}%`
|
|
|
+ },
|
|
|
+ delInDerData(index){ //删除间接经费
|
|
|
+ this.indirectFundBlock.splice(index,1)
|
|
|
+ },
|
|
|
+ delDerData(index){ //删除直接经费
|
|
|
+ console.log(index);
|
|
|
+ this.directFundBlock.splice(index,1)
|
|
|
+ },
|
|
|
+ delUploadBtn(index){ //删除上传文件
|
|
|
+ console.log(index);
|
|
|
+ this.file.splice(index,1)
|
|
|
+ this.$message.success('删除成功')
|
|
|
+ },
|
|
|
+ handleRemove(index) {
|
|
|
+ console.log(index);
|
|
|
+ },
|
|
|
+ uploadData(){
|
|
|
+ this.submitHint=true;
|
|
|
+ },
|
|
|
+ submitAll(){
|
|
|
+ if(this.selects.projectName=='') return this.$message.error('请选择项目名称')
|
|
|
+ if(this.selects.projectType=='') return this.$message.error('请选择项目类型')
|
|
|
+
|
|
|
+ let dirSum = this.directFundBlock.reduce((per,cur)=>{
|
|
|
+ return per*1+cur.budget*1
|
|
|
+ },0)
|
|
|
+ let indirSum =this.indirectFundBlock.reduce((per,cur)=>{
|
|
|
+ return per*1+cur.budget*1
|
|
|
+ },0)
|
|
|
+ let allSum=dirSum+indirSum+this.residue.budget*1
|
|
|
+
|
|
|
+ let usedDirSum = this.directFundBlock.reduce((per,cur)=>{
|
|
|
+ return per*1+cur.usedFund*1
|
|
|
+ },0)
|
|
|
+ let usedIndirSum =this.indirectFundBlock.reduce((per,cur)=>{
|
|
|
+ return per*1+cur.usedFund*1
|
|
|
+ },0)
|
|
|
+ // let usedAllSum=usedDirSum+usedIndirSum+this.residue.usedFund*1
|
|
|
+ let usedApplyDirSum = this.directFundBlock.reduce((per,cur)=>{
|
|
|
+ return per*1+cur.apply*1
|
|
|
+ },0)
|
|
|
+ let usedApplyIndirSum =this.indirectFundBlock.reduce((per,cur)=>{
|
|
|
+ return per*1+cur.apply*1
|
|
|
+ },0)
|
|
|
+ // return console.log(usedApplyDirSum,usedApplyIndirSum);
|
|
|
+ let usedAllSum=usedDirSum+usedIndirSum+usedApplyDirSum+usedApplyIndirSum;
|
|
|
+ // return console.log(usedAllSum);
|
|
|
+ if (usedAllSum>allSum) return this.$message.error('使用金额大于预算')
|
|
|
+
|
|
|
+
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ cid:this.selects.projectName,
|
|
|
+ fid:this.$route.query['Id'],
|
|
|
+ type:this.selects.projectType,
|
|
|
+ dir:JSON.stringify(this.directFundBlock),
|
|
|
+ indir:JSON.stringify(this.indirectFundBlock),
|
|
|
+ elseFund:JSON.stringify(this.residue),
|
|
|
+ file:JSON.stringify(this.file),
|
|
|
+ AllSum:allSum,
|
|
|
+ usedSum:usedAllSum
|
|
|
+ }
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api+'/UpdateMakerFund',param)
|
|
|
+ .then(res=>{
|
|
|
+ console.log(res);
|
|
|
+ if (res.data==1) {
|
|
|
+ // this.$router.push('/makerfund')
|
|
|
+ this.$message.success('保存成功')
|
|
|
+ return this.submitHint=false
|
|
|
+ }else{
|
|
|
+ this.$message.error('保存失败')
|
|
|
+ }
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getFile(val) { //上传文件
|
|
|
+ this.file.push(val)
|
|
|
+ this.progress.show = false;
|
|
|
+ // this.imageUrl=require("../../assets/img/jj.jpg")
|
|
|
+ },
|
|
|
+ getData(){
|
|
|
+ this.loading = true;
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ }
|
|
|
+ this.ajax
|
|
|
+ // .get(this.$store.state.api+'/SelectMakerFundSelects',param)
|
|
|
+ .get(this.$store.state.api+'/SelectMakerFundDetailSelects',param)
|
|
|
+ .then(res=>{
|
|
|
+ // console.log(res.data[0]);
|
|
|
+ this.projectFilter=res.data[0]
|
|
|
+ this.loading = false;
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ addDirectFund(){ //添加直接经费
|
|
|
+
|
|
|
+ //判断如果已经写满
|
|
|
+ if(this.directFundBlock.length==this.newDirectFundBlock.directFundSelects.length)return this.$message.warning("已无法继续添加")
|
|
|
+ let oldArr={};
|
|
|
+ Object.assign(oldArr,this.newDirectFundBlock)
|
|
|
+ oldArr.directFundSelects = oldArr.directFundSelects.filter(item=>this.directFundBlock.filter(dItem=>dItem.directFundData==item.value).length==0)
|
|
|
+ this.directFundBlock.push(oldArr)
|
|
|
+ for(let k in this.newDirectFundBlock) return this.newDirectFundBlock[k]=''
|
|
|
+ },
|
|
|
+ addIndirectFund(){ //添加间接经费
|
|
|
+ //判断如果已经写满
|
|
|
+ if(this.indirectFundBlock.length==this.newIndirectFundBlock.indirectFundSelects.length)return this.$message.warning("已无法继续添加")
|
|
|
+ let oldArr={};
|
|
|
+ Object.assign(oldArr,this.newIndirectFundBlock)
|
|
|
+ oldArr.indirectFundSelects = oldArr.indirectFundSelects.filter(item=>this.indirectFundBlock.filter(dItem=>dItem.indirectFundData==item.value).length==0)
|
|
|
+ this.indirectFundBlock.push(oldArr)
|
|
|
+ for(let k in this.newIndirectFundBlock) return this.newIndirectFundBlock[k]=''
|
|
|
+ },
|
|
|
+ init(){
|
|
|
+ //重置
|
|
|
+ this.submitHint=false;
|
|
|
+ this.createFromDialog=false;
|
|
|
+ this.auditDialog=false;
|
|
|
+ },
|
|
|
+ directFundDataSelectChange(){
|
|
|
+ //直接经费全部下拉框
|
|
|
+ let directFundBlockSelect = [
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ label:'小型仪器设备费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ label:'材料费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ label:'测试化验加工费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ label:'项目协作费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ label:'其他支出'
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ let oneself=[];
|
|
|
+ this.directFundBlock.forEach(item=>{
|
|
|
+ //获取他本身自己的下拉框
|
|
|
+ oneself.push(directFundBlockSelect.filter(sItem=>sItem.value==item.directFundData)[0])
|
|
|
+ //获取未选择的
|
|
|
+ directFundBlockSelect = directFundBlockSelect.filter(sItem=>sItem.value!=item.directFundData)
|
|
|
+ })
|
|
|
+ //再遍历一遍
|
|
|
+ this.directFundBlock.forEach((item,index)=>{
|
|
|
+ let oneSelect = [];
|
|
|
+ directFundBlockSelect.forEach(item=>oneSelect.push(item));
|
|
|
+ if(oneself[index]!=undefined)oneSelect.push(oneself[index])
|
|
|
+ item.directFundSelects = oneSelect;
|
|
|
+ })
|
|
|
+ //遍历所有的直接经费
|
|
|
+
|
|
|
+ },
|
|
|
+ indirectFundSelectChange(){
|
|
|
+ //间接经费全部下拉框
|
|
|
+ let indirectFundSelect = [
|
|
|
+ {
|
|
|
+ value:1,
|
|
|
+ label:'项目成功鉴定费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:2,
|
|
|
+ label:'参展参赛费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:3,
|
|
|
+ label:'创客交流活动费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:4,
|
|
|
+ label:'知识产权事务费'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value:5,
|
|
|
+ label:'其他支出'
|
|
|
+ },
|
|
|
+ ];
|
|
|
+ let oneself=[];
|
|
|
+ this.indirectFundBlock.forEach(item=>{
|
|
|
+ //获取他本身自己的下拉框
|
|
|
+ oneself.push(indirectFundSelect.filter(sItem=>sItem.value==item.indirectFundData)[0])
|
|
|
+ //获取未选择的
|
|
|
+ indirectFundSelect = indirectFundSelect.filter(sItem=>sItem.value!=item.indirectFundData)
|
|
|
+ })
|
|
|
+ //再遍历一遍
|
|
|
+ this.indirectFundBlock.forEach((item,index)=>{
|
|
|
+ let oneSelect = [];
|
|
|
+ indirectFundSelect.forEach(item=>oneSelect.push(item));
|
|
|
+ if(oneself[index]!=undefined)oneSelect.push(oneself[index])
|
|
|
+ item.directFundSelects = oneSelect;
|
|
|
+ })
|
|
|
+ //遍历所有的直接经费
|
|
|
+
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.getData()
|
|
|
+ this.getAllFund()
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+.makerfundApply{
|
|
|
+
|
|
|
+
|
|
|
+ .maskLayer{
|
|
|
+ background: #000;position: absolute;left: 0;top: 0;opacity: .4; width: 100%;height: 100%;border-radius: 5px;
|
|
|
+ // z-index: 99999;
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .delUpload{
|
|
|
+ width: 147px;
|
|
|
+ margin-left: 60px;
|
|
|
+ margin-bottom: 62px;
|
|
|
+ }
|
|
|
+ .maskLayerI:hover{
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ .delUpload:hover .maskLayer{
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ // .delUpload{
|
|
|
+ // width: 147px;
|
|
|
+ // margin-left: 60px;
|
|
|
+ // margin-bottom: 62px;
|
|
|
+ // }
|
|
|
+ .delUploadBtnSty{
|
|
|
+ position: absolute;
|
|
|
+ right: 0;top: 0px;
|
|
|
+ line-height: 20px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ font-size: 35px;
|
|
|
+ z-index: 10;
|
|
|
+ color: #fff;
|
|
|
+ // background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .avatar-uploader .el-upload { //文件上传
|
|
|
+ border: 1px dashed #d9d9d9;
|
|
|
+ border-radius: 6px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .avatar-uploader-icon {
|
|
|
+ font-size: 28px;
|
|
|
+ color: #8c939d;
|
|
|
+ width: 178px;
|
|
|
+ height: 178px;
|
|
|
+ line-height: 178px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .avatar {
|
|
|
+ width: 178px;
|
|
|
+ height: 178px;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .createFromDialogSty{ //生成表单
|
|
|
+ .el-dialog__header{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .el-dialog{
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+
|
|
|
+ top: 10%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .deleteContent{
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #000;
|
|
|
+ }
|
|
|
+ .addDialogLogo{
|
|
|
+ width: 60px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ line-height: 30px;
|
|
|
+ background: #f2f2f2;
|
|
|
+ position: absolute;
|
|
|
+ left: 20px; top: 15px;
|
|
|
+ }
|
|
|
+ .el-dialog__header{
|
|
|
+ background: #32455b;
|
|
|
+ }
|
|
|
+ .el-dialog__title{
|
|
|
+ color:#fff;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 18px;
|
|
|
+ position: relative;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+ .addDialogMid{
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding:0 60px 0 10px;
|
|
|
+ .addDialogTit{
|
|
|
+ display: flex;
|
|
|
+ span{
|
|
|
+ width: 80px;
|
|
|
+ line-height: 40px;
|
|
|
+ text-align: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .addDialogTit1{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+ .addDialogTit2{
|
|
|
+ margin-top: 10px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #000;
|
|
|
+ text-indent: 2em;
|
|
|
+ }
|
|
|
+ .addDialogCon{
|
|
|
+ margin-top: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .dialog-footer{
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .Apply1{ //顶部两个下拉框
|
|
|
+ height: 45px;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-start;
|
|
|
+ margin-top: 20px;
|
|
|
+ .inpName{
|
|
|
+ height: 40px;
|
|
|
+ outline:none ;
|
|
|
+ width: 600px;
|
|
|
+ border: #ccc 1px solid;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 1px 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .moneyBlock{
|
|
|
+ max-width: 100%;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .howMoneyFlex{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+ .howMoney{
|
|
|
+ display: flex;
|
|
|
+ margin-right: 40px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ justify-content: flex-start;
|
|
|
+ .howMoneyInp{
|
|
|
+ .el-input__inner{
|
|
|
+ width: 170px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .inpInterval{
|
|
|
+ min-width: 70px;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: justify;
|
|
|
+ text-justify:distribute-all-lines;
|
|
|
+ text-align-last: justify;
|
|
|
+ transform: translate(0,22%);
|
|
|
+ padding-right: 15px;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .addMoneyBtn{ //添加样式
|
|
|
+ margin: 15px 85px 30px;
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+.tableStyle{
|
|
|
+ border-collapse:collapse;
|
|
|
+ font-size: 16px;
|
|
|
+ td{
|
|
|
+ // align-content: center;
|
|
|
+ height: 35px;
|
|
|
+ }
|
|
|
+}
|
|
|
+.delText{
|
|
|
+ margin-left: 20px;cursor: pointer;
|
|
|
+}
|
|
|
+.delText:hover{
|
|
|
+ color: blue;
|
|
|
+}
|
|
|
+</style>
|
yuanyiming