|
|
@@ -0,0 +1,259 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div style="width: 100%; display: flex; align-items: center; justify-content: space-between;">
|
|
|
+ <div class="left" style="display: flex;">
|
|
|
+ <div style="margin-right: 50px;">研发项目编号:{{ data[0].xmbh }}</div>
|
|
|
+ <div style="margin-right: 50px;">项目项目名称:{{ data[0].xmmc }}</div>
|
|
|
+ <div style="margin-right: 50px;">支出类型:<span style="color: #409EFF;">{{ getCostName }}</span></div>
|
|
|
+ <div>金额单位:元</div>
|
|
|
+ </div>
|
|
|
+ <div class="right">
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ size="small"
|
|
|
+ plain
|
|
|
+ icon="el-icon-download"
|
|
|
+ @click="handleExport"
|
|
|
+ style="margin-right: 10px;"
|
|
|
+ >
|
|
|
+ 导出
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <avue-crud class="common-crud" :option="options" :data="data">
|
|
|
+ </avue-crud>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {exportBlob} from "@/api/common";
|
|
|
+import {getToken} from "@/util/auth";
|
|
|
+import {downloadXls} from "@/util/util";
|
|
|
+
|
|
|
+export default {
|
|
|
+ props: {
|
|
|
+ // 支出类型
|
|
|
+ costType: [String, Number],
|
|
|
+ data: {
|
|
|
+ type: Array,
|
|
|
+ default: () => []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ options: {
|
|
|
+ calcHeight: 30,
|
|
|
+ tip: false,
|
|
|
+ searchShow: true,
|
|
|
+ searchMenuSpan: 6,
|
|
|
+ border: true,
|
|
|
+ index: true,
|
|
|
+ addBtn: false,
|
|
|
+ selection: true,
|
|
|
+ searchLabelWidth: 140,
|
|
|
+ labelWidth: 100,
|
|
|
+ menuWidth: 180,
|
|
|
+ menu: false,
|
|
|
+ dialogClickModal: false,
|
|
|
+ refreshBtn: false,
|
|
|
+ columnBtn: false,
|
|
|
+ gridBtn: false,
|
|
|
+ dialogWidth: 500,
|
|
|
+ dialogType: "drawer",
|
|
|
+ showSummary: true,
|
|
|
+ sumColumnList: [
|
|
|
+ {
|
|
|
+ label: '合计',
|
|
|
+ name: 'kjpzje',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'amount',
|
|
|
+ type: 'sum',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'ryrgfy',
|
|
|
+ type: 'sum',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'zjtrfy',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'zjfy',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'wxzctx',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'xcpsjfd',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'qtxgfy',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'wtjnjgfy',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: 'wtjwjgfy',
|
|
|
+ type: 'sum'
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ column: [
|
|
|
+ {
|
|
|
+ label: '凭证信息',
|
|
|
+ align: 'center',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ label: '日期',
|
|
|
+ prop: 'recordDate',
|
|
|
+ width: 85,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '种类',
|
|
|
+ prop: 'type',
|
|
|
+ width: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '号数',
|
|
|
+ prop: 'voucherNumber',
|
|
|
+ width: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '摘要',
|
|
|
+ prop: 'digest',
|
|
|
+ width: 100,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '会计凭证记载金额',
|
|
|
+ prop: 'kjpzje',
|
|
|
+ width: 120,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '税法规定的归集金额',
|
|
|
+ prop: 'amount',
|
|
|
+ width: 130,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '费用明细(税法规定)',
|
|
|
+ align: 'center',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ label: '人员人工费用',
|
|
|
+ prop: 'ryrgfy',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '直接投入费用',
|
|
|
+ prop: 'zjtrfy',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '折旧费用',
|
|
|
+ prop: 'zjfy',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '无形资产摊销',
|
|
|
+ prop: 'wxzctx',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '新产品设计费等',
|
|
|
+ prop: 'xcpsjfd',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '其他相关费用',
|
|
|
+ prop: 'qtxgfy',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 90,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '委托外部费用',
|
|
|
+ align: 'center',
|
|
|
+ children: [
|
|
|
+ {
|
|
|
+ label: '委托境内机构或个人进行研发活动所发生的费用',
|
|
|
+ prop: 'wtjnjgfy',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 110,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ label: '委托境外机构进行研发活动所发生的费用',
|
|
|
+ prop: 'wtjwjgfy',
|
|
|
+ span: 24,
|
|
|
+ minWidth: 110,
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ getCostName() {
|
|
|
+ let costTypeObj = {1: '费用化', 2: '资本化'};
|
|
|
+ return costTypeObj[this.costType];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleExport() {
|
|
|
+ this.$message.error("暂未开发");
|
|
|
+ // exportBlob(`/api/kd-scientific/goods/yanfalingliaodan/export?${this.website.tokenHeader}=${getToken()}`, this.params).then(res => {
|
|
|
+ // downloadXls(res.data, `${this.params.yearAndMonth}${title}.xlsx`);
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+.common-crud {
|
|
|
+ .avue-crud__header {
|
|
|
+ min-height: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|