|
@@ -1,7 +1,6 @@
|
|
|
<template>
|
|
|
<!-- 项目管理 资金申报明细 -->
|
|
|
<div class="ProjectManagementFund2">
|
|
|
- <div class="right">
|
|
|
<div class="vfpHeader">
|
|
|
<div class="titleOne">预算经费</div>
|
|
|
<el-button type="primary" @click="$router.back()">返回</el-button>
|
|
@@ -22,200 +21,57 @@
|
|
|
tooltip-effect="dark"
|
|
|
stripe
|
|
|
class="fontSize"
|
|
|
- style="height: 570px;"
|
|
|
:header-cell-style="{ background: '#f2f2f2',color:'#000' }"
|
|
|
- @selection-change="handleSelectionChange">
|
|
|
+ >
|
|
|
|
|
|
<el-table-column
|
|
|
- prop="projectName"
|
|
|
+ prop="title"
|
|
|
align="center"
|
|
|
label="活动名称"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="projectPerson"
|
|
|
+ prop="pro_leader"
|
|
|
align="center"
|
|
|
-
|
|
|
label="负责人"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="relevancy"
|
|
|
+ prop="type"
|
|
|
align="center"
|
|
|
|
|
|
label="项目类型"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="budget"
|
|
|
+ prop="fund"
|
|
|
align="center"
|
|
|
-
|
|
|
label="申请经费(元)"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="dept"
|
|
|
+ prop="name"
|
|
|
align="center"
|
|
|
-
|
|
|
label="所在部门"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
|
|
|
<el-table-column
|
|
|
- prop="date"
|
|
|
+ prop="dateTime"
|
|
|
align="center"
|
|
|
-
|
|
|
label="申请时间"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <!-- <el-table-column
|
|
|
- prop="operation"
|
|
|
- label="操作"
|
|
|
- align="center"
|
|
|
- width="250px"
|
|
|
- >
|
|
|
- <template #default="scope">
|
|
|
- <div class="operations"> -->
|
|
|
- <!-- <el-button type="primary" class="bt1" @click="MADetails(scope)" size="mini" >查看详情</el-button>
|
|
|
- <el-button type="primary" class="bt1" size="mini">表单查看</el-button> -->
|
|
|
- <!-- </div>
|
|
|
- </template>
|
|
|
- </el-table-column> -->
|
|
|
</el-table>
|
|
|
<!-- 表格结束 -->
|
|
|
|
|
|
|
|
|
- <div class="pmFund1Footer">
|
|
|
<el-pagination
|
|
|
background
|
|
|
+ class="paginations"
|
|
|
layout="prev, pager, next"
|
|
|
:total="1">
|
|
|
</el-pagination>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <!-- 查看详情对话框开始 -->
|
|
|
- <!-- <el-dialog
|
|
|
- title="创客资金申请"
|
|
|
- :visible.sync="fundDetail"
|
|
|
- width="900px"
|
|
|
- class="projectApplicationfundAddDialog2"
|
|
|
- :before-close="init">
|
|
|
- <hr>
|
|
|
- <div style="display: flex;align-items: center;flex-wrap: wrap;">
|
|
|
- <div class="deleteContent1">
|
|
|
- <div class="dagSpan">项目名称</div>
|
|
|
- <el-select v-model="values.projectName" transfer="true" :popper-append-to-body="false"
|
|
|
- style="width: 70%;" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in projectNameOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="deleteContent1">
|
|
|
- <div class="dagSpan">项目类型</div>
|
|
|
- <el-select v-model="values.projectType" placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in projectTypeOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- -->
|
|
|
- <!-- <div class="dagRemark"> -->
|
|
|
- <!-- 经费支出支出类别(单位:元) -->
|
|
|
- <!-- </div> -->
|
|
|
-
|
|
|
- <!-- 支出类别(单位:元)第一部分开始 -->
|
|
|
- <!-- <div class="dagInpS">
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">直接经费</div>
|
|
|
- <el-select v-model="values.fund"
|
|
|
- transfer="true" :popper-append-to-body="false"
|
|
|
- placeholder="请选择">
|
|
|
- <el-option
|
|
|
- v-for="item in fundOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">预算</div>
|
|
|
- <el-input v-model="datas.budget1" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">已支付</div>
|
|
|
- <el-input v-model="datas.Paid1" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">余额</div>
|
|
|
- <el-input v-model="datas.balance1" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dagInpS2">
|
|
|
- <div class="dagSpan2">事由</div>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- resize="none"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="datas.reason1">
|
|
|
- </el-input>
|
|
|
- </div> -->
|
|
|
- <!-- 支出类别(单位:元)第一部分结束-->
|
|
|
-
|
|
|
- <!-- 支出类别(单位:元)第二部分开始 -->
|
|
|
- <!-- <div class="dagInpS">
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan" style="width: 70px;">其他</div>
|
|
|
- <el-input v-model="datas.rests" style="width: 200px;" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">预算</div>
|
|
|
- <el-input v-model="datas.budget2" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">已支付</div>
|
|
|
- <el-input v-model="datas.Paid2" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- <div class="dagInpS1">
|
|
|
- <div class="dagSpan">余额</div>
|
|
|
- <el-input v-model="datas.balance2" placeholder="请输入内容"></el-input>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="dagInpS2">
|
|
|
- <div class="dagSpan2">事由</div>
|
|
|
- <el-input
|
|
|
- type="textarea"
|
|
|
- :rows="3"
|
|
|
- resize="none"
|
|
|
- class="textArea"
|
|
|
- placeholder="请输入内容"
|
|
|
- v-model="datas.reason2">
|
|
|
- </el-input>
|
|
|
- </div> -->
|
|
|
- <!-- 支出类别(单位:元)第二部分结束-->
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- <!-- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="init" style="font-size:16px" size="small">生成表单</el-button>
|
|
|
- <el-button type="primary" @click="init" style="font-size:16px" size="small">返回</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog> -->
|
|
|
- <!-- 查看详情对话框结束 -->
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
@@ -224,97 +80,35 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- fundDetail:false,
|
|
|
- projectNameOptions:[ //查看详情里面的
|
|
|
- {
|
|
|
- value: '1',
|
|
|
- label: '北京烤鸭'
|
|
|
- },
|
|
|
- {
|
|
|
- value: '2',
|
|
|
- label: '胡辣汤'
|
|
|
- },
|
|
|
- ],
|
|
|
- projectTypeOptions:[ //查看详情里面的
|
|
|
- {
|
|
|
- value: '1',
|
|
|
- label: '军事'
|
|
|
- },
|
|
|
- {
|
|
|
- value: '2',
|
|
|
- label: '饮食'
|
|
|
- },
|
|
|
- ],
|
|
|
- fundOptions:[ //查看详情里面的
|
|
|
- {
|
|
|
- value: '1',
|
|
|
- label: '10000'
|
|
|
- },
|
|
|
- {
|
|
|
- value: '饮食',
|
|
|
- label: '100000000'
|
|
|
- },
|
|
|
- ],
|
|
|
- values:{
|
|
|
- projectName:'',
|
|
|
- projectType:'',
|
|
|
- fund:''
|
|
|
- },
|
|
|
- tableData:[
|
|
|
- {
|
|
|
-
|
|
|
- }
|
|
|
- ], //列表展示数据
|
|
|
- datas:{
|
|
|
- budget1:'', //预算
|
|
|
- budget2:'',
|
|
|
- Paid1:'', //已支付
|
|
|
- Paid2:'',
|
|
|
- balance1:'', //余额
|
|
|
- balance2:'',
|
|
|
- reason1:'',
|
|
|
- reason2:'',
|
|
|
- rests:"",
|
|
|
- }
|
|
|
+ tableData:[]
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
- // getData(){
|
|
|
- // this.ajax.get(this.$store.state.api+"/GetAllActivity",{
|
|
|
- // uid:this.$store.state.userInfo.userid,
|
|
|
- // pid:JSON.parse(localStorage.getItem('pid')),
|
|
|
- // cid:this.pavalues.value1,
|
|
|
- // leader:this.pavalues.value2,
|
|
|
- // state:this.pavalues.value3,
|
|
|
- // page:this.Page.nowPage,
|
|
|
- // lim:this.Page.lim,
|
|
|
- // }).then(res=>{
|
|
|
- // let data = res.data;
|
|
|
- // this.tableData = data[0];
|
|
|
- // this.options = data[1];
|
|
|
- // this.options1 = data[2];
|
|
|
- // this.options2 = data[3];
|
|
|
- // this.Page.total = data[4][0]['total'];
|
|
|
- // }).catch(err=>{
|
|
|
- // this.$message.error(err.message)
|
|
|
- // })
|
|
|
- // },
|
|
|
- init(){
|
|
|
- this.fundDetail=false;
|
|
|
- },
|
|
|
content(){
|
|
|
- // alert('111')
|
|
|
this.$router.push('/ProjectManagementFund1')
|
|
|
},
|
|
|
remark(){
|
|
|
this.$router.push('/ProjectManagementFund2')
|
|
|
},
|
|
|
- MADetails(){
|
|
|
- this.fundDetail=true;
|
|
|
- },
|
|
|
- handleSelectionChange(){
|
|
|
-
|
|
|
+ getData(){
|
|
|
+ let param={
|
|
|
+ uid:this.$store.state.userInfo.userid,
|
|
|
+ cid:JSON.parse(localStorage.getItem('pid'))
|
|
|
+ }
|
|
|
+ // console.log(param);
|
|
|
+ // return
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api+'/SelectFundDetail',param)
|
|
|
+ .then(res=>{
|
|
|
+ console.log(res.data[0]);
|
|
|
+ this.tableData=res.data[0]
|
|
|
+ },err=>{
|
|
|
+ console.log(err);
|
|
|
+ })
|
|
|
},
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.getData()
|
|
|
}
|
|
|
}
|
|
|
</script>
|