ssti-CollegeManage/src/views/projectManage/ProjectManagementFundDetail.vue

<template>
  <!-- 项目管理 项目资金使用情况 -->
  <div class="ProjectManagementFundDetail" v-loading="loading">
        <div class="vfpHeader">
            <div class="titleOne">预算经费</div>
            <el-button type="primary" @click="back">返回</el-button>
        </div>
          <hr>
          <!-- 跳转导航开始 -->
          <div class="AppBar">
              <div @click="state=0" class="AppBarActive">项目资金使用详情<div v-if="state==0" class='pr1TitBass'></div></div>
              <div @click="state=1">资金申报明细<div v-if="state==1" class='pr1TitBass'></div></div>
          </div>
          <div id="ShowArea">
            <fundDetail v-if="state==0"/>
          </div>

         
</div>
</template>

<script>
import fundDetail from './components/FundDetail.vue'
    export default {
      components:{fundDetail},
      data() {
        return {
          state:0,
          loading:false,
        }
      },
      methods:{
        // getData(){   //初始化完成获取基本数据进行填充
        //   this.loading = true;
        //     let param={
        //       uid:this.$store.state.userInfo.userid,
        //       pid:this.$route.query['pid']
        //     }
        //       this.ajax
        //             .get(this.$store.state.api+'/GetProjectDetailMessage',param)
        //             .then(res=>{
        //               let data = res.data[0][0]
        //               let fund = JSON.parse(data['money'])
        //               this.tableData = fund['tableData']
        //               this.tableData2 = fund['tableData2']
        //               this.allFund = data['fund']
        //               this.tableData2.forEach((e)=>{
        //                 this.useFund=this.useFund+e.fund
        //               })
        //               this.useFund=this.useFund / 10000
        //               this.remainFund=this.allFund - this.useFund
        //               this.loading = false;
        //             },err=>{
        //               console.log(err);
        //             })
        //   },
        back(){
          this.$router.push('/ProjectManagement')
        }
      },
      mounted(){
        // this.getData()
      }
    }
</script>

<style lang="less">
.ProjectManagementFundDetail{
  width: 100%;
  height: 100%;
  #ShowArea{
    width: 100%;
  }
}
</style>