|
@@ -152,6 +152,11 @@
|
|
|
{{(scope.row.feeMan+scope.row.feeNormal+scope.row.feeTravel+scope.row.feeOutsourcing).toFixed(2)}}
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column label="明细" width="100" align="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-link type="primary" :underline="false" @click="showDetail(scope.row)">明细</el-link>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
</el-table>
|
|
|
<!--项目收支平衡表 -->
|
|
|
<el-table v-if="ins == 3" :key="ins" border :data="list" highlight-current-row v-loading="listLoading" :height="tableHeight" style="width: 100%;">
|
|
@@ -364,6 +369,39 @@
|
|
|
<el-button @click.native="addFormVisible = false">关闭</el-button>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+
|
|
|
+ <el-dialog title="项目费用明细" show-summary v-if="detailVisible" :visible.sync="detailVisible" :close-on-click-modal="false" customClass="customWidth" width="800px">
|
|
|
+ <el-table :key="ins" border :data="detailList" highlight-current-row v-loading="detailListLoading" :height="500" style="width: 100%;">
|
|
|
+ <el-table-column prop="username" label="员工姓名" width="120"></el-table-column>
|
|
|
+ <el-table-column prop="departmentName" label="所在部门" ></el-table-column>
|
|
|
+ <el-table-column prop="feeType" label="所在部门" ></el-table-column>
|
|
|
+ <el-table-column prop="feeMan" label="人工成本" width="100" align="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.feeMan==null?0:scope.row.feeMan.toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="feeNormal" label="一般费用" width="100" align="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.feeNormal==null?0:scope.row.feeNormal.toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="feeTravel" label="差旅费用" width="100" align="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.feeTravel==null?0:scope.row.feeTravel.toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="feeOutsourcing" label="外包费用" width="100" align="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{scope.row.feeOutsourcing==null?0:scope.row.feeOutsourcing.toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="总费用" width="100" align="right">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{(scope.row.feeMan+scope.row.feeNormal+scope.row.feeTravel+scope.row.feeOutsourcing).toFixed(2)}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-dialog>
|
|
|
</section>
|
|
|
</template>
|
|
|
|
|
@@ -374,6 +412,9 @@ export default {
|
|
|
props: {},
|
|
|
data() {
|
|
|
return {
|
|
|
+ detailListLoading: false,
|
|
|
+ detailList:[],
|
|
|
+ detailVisible: false,
|
|
|
stages:[],
|
|
|
addFormVisible:false,
|
|
|
title:'',
|
|
@@ -453,36 +494,33 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ showDetail(row) {
|
|
|
+ this.detailListLoading = true;
|
|
|
+ this.detailVisible = true;
|
|
|
+ this.http.post('/expense-item/list', {projectId: row.id},
|
|
|
+ res => {
|
|
|
+ this.detailListLoading = false;
|
|
|
+ if (res.code == "ok") {
|
|
|
+ this.detailList = res.data;
|
|
|
+ } else {
|
|
|
+ this.$message({
|
|
|
+ message: res.msg,
|
|
|
+ type: "error"
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error => {
|
|
|
+ this.$message({
|
|
|
+ message: error,
|
|
|
+ type: "error"
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
expandRow(row, index) {
|
|
|
this.title = '客户:'+row.customerName;
|
|
|
this.childrenList = row.children;
|
|
|
this.addFormVisible = true;
|
|
|
},
|
|
|
- // load(tree, treeNode, resolve) {
|
|
|
- // // setTimeout(() => {
|
|
|
- // // resolve()
|
|
|
- // // }, 1000)
|
|
|
- // [
|
|
|
- // {
|
|
|
- // projectIds: 31,
|
|
|
- // projectNames: '2016-05-01',
|
|
|
- // contractAmount: 0,
|
|
|
- // feeMan:0,
|
|
|
- // feeNormal:0,
|
|
|
- // feeTravel:0,
|
|
|
- // feeOutsourcing:0,
|
|
|
- // },
|
|
|
- // {
|
|
|
- // projectIds: 32,
|
|
|
- // projectNames: '2016-05-01',
|
|
|
- // contractAmount: 0,
|
|
|
- // feeMan:0,
|
|
|
- // feeNormal:0,
|
|
|
- // feeTravel:0,
|
|
|
- // feeOutsourcing:0,
|
|
|
- // },
|
|
|
- // ]
|
|
|
- // },
|
|
|
|
|
|
//分页
|
|
|
handleCurrentChange(val) {
|