|
|
@@ -1,33 +1,44 @@
|
|
|
<template>
|
|
|
- <el-tabs tab-position="left">
|
|
|
- <el-tab-pane label="研发项目费用预算表格" lazy>
|
|
|
- <all-budget-table :projectId="currProjectId" @change="handleBudgetChange"></all-budget-table>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="一、人员人工费用" lazy>
|
|
|
- <person-cost :projectId="currProjectId" />
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="二、直接投入费用" lazy>
|
|
|
- <zztl-cost :projectId="currProjectId"></zztl-cost>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="三、折旧费用与长期待摊费用" lazy>
|
|
|
- <zjfyycqdtfy-cost :projectId="currProjectId"></zjfyycqdtfy-cost>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="四、无形资产摊销费用" lazy>
|
|
|
- <wxzctx-cost :projectId="currProjectId"></wxzctx-cost>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="五、设计费用" lazy>
|
|
|
- <design-cost :projectId="currProjectId"></design-cost>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="六、装备调试费用与实验费用" lazy>
|
|
|
- <zb-cost :projectId="currProjectId"></zb-cost>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="七、委托外部研究开发费" lazy>
|
|
|
- <outsourcing-cost :projectId="currProjectId"></outsourcing-cost>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="八、其他费用" lazy>
|
|
|
- <other-cost :projectId="currProjectId"></other-cost>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
+ <div>
|
|
|
+ <el-tabs tab-position="left">
|
|
|
+ <el-tab-pane label="研发项目费用预算表格" lazy>
|
|
|
+ <all-budget-table :projectId="currProjectId" @change="handleBudgetChange"></all-budget-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="一、人员人工费用" lazy>
|
|
|
+ <person-cost :projectId="currProjectId" @printClick="handlePrintClick" />
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="二、直接投入费用" lazy>
|
|
|
+ <zztl-cost :projectId="currProjectId" @printClick="handlePrintClick"></zztl-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="三、折旧费用与长期待摊费用" lazy>
|
|
|
+ <zjfyycqdtfy-cost :projectId="currProjectId" @printClick="handlePrintClick"></zjfyycqdtfy-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="四、无形资产摊销费用" lazy>
|
|
|
+ <wxzctx-cost :projectId="currProjectId" @printClick="handlePrintClick"></wxzctx-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="五、设计费用" lazy>
|
|
|
+ <design-cost :projectId="currProjectId" @printClick="handlePrintClick"></design-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="六、装备调试费用与实验费用" lazy>
|
|
|
+ <zb-cost :projectId="currProjectId" @printClick="handlePrintClick"></zb-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="七、委托外部研究开发费" lazy>
|
|
|
+ <outsourcing-cost :projectId="currProjectId" @printClick="handlePrintClick"></outsourcing-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="八、其他费用" lazy>
|
|
|
+ <other-cost :projectId="currProjectId" @printClick="handlePrintClick"></other-cost>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <WideTablePrinter
|
|
|
+ ref="printWideTable"
|
|
|
+ :columns="wideTableColumns"
|
|
|
+ :data="wideTableData"
|
|
|
+ :print-title="printTitle"
|
|
|
+ :rows-per-page="30"
|
|
|
+ :default-landscape="true"
|
|
|
+ :zoom="95"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
@@ -58,7 +69,11 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- currProjectId: ""
|
|
|
+ currProjectId: "",
|
|
|
+
|
|
|
+ printTitle: "",
|
|
|
+ wideTableColumns: [],
|
|
|
+ wideTableData: [],
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -67,6 +82,14 @@ export default {
|
|
|
methods: {
|
|
|
handleBudgetChange(data) {
|
|
|
this.currProjectId = data.id;
|
|
|
+ },
|
|
|
+ handlePrintClick(data) {
|
|
|
+ this.printTitle = data.pageTitle;
|
|
|
+ this.wideTableColumns = data.column;
|
|
|
+ this.wideTableData = data.data;
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.printWideTable.printTable(false);
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
}
|