| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260 |
- <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: 'zl',
- width: 50,
- 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>
|