dootask/resources/assets/js/pages/single/reportDetail.vue

<template>
    <div class="electron-report">
        <PageTitle :title="$L('报告详情')"/>
        <ReportDetail :data="detailData"/>
    </div>
</template>
<style lang="scss" scoped>
.electron-report {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto;
}
</style>
<script>
import ReportDetail from "../manage/components/ReportDetail";

export default {
    components: {ReportDetail},
    data() {
        return {
            detailData: {},
        };
    },
    watch: {
        '$route': {
            handler() {
                this.getDetail();
            },
            immediate: true
        },
    },
    methods: {
        getDetail() {
            this.$store.dispatch("call", {
                url: 'report/detail',
                data: {
                    id: $A.runNum(this.$route.params.id),
                },
            }).then(({data}) => {
                this.detailData = data;
            }).catch(({msg}) => {
                $A.messageError(msg);
            });
        },
    }
}
</script>