rt-sim-training-client/src/views/newMap/displayNew/demon/runPlanLoad.vue

<template>
  <div v-show="show" class="run-plan-dialog" :style="{width: width + 'px',height:height + 'px'}">
    <plan-schedule ref="planSchedule" :group="group" @back="doClose" />
  </div>
</template>

<script>
import PlanSchedule from '@/views/planSchedule/index';
import { getSimulationInfoNew } from '@/api/simulation';
import { loadRunPlanData } from '@/utils/loaddata';

// 运行图加载
export default {
    name: 'RunPlanLoad',
    components: {
        PlanSchedule
    },
    props: {
        group: {
            type: String,
            required: true
        }
    },
    data() {
        return {
            menus: null,
            show: false
        };
    },
    computed: {
        title() {
            return this.$t('display.runPlan.runDiagramPlanTool');
        },
        width() {
            return this.$store.state.app.width > 1920 ? 1920 : this.$store.state.app.width;
        },
        height() {
            return this.$store.state.app.height > 1080 ? 1080 : this.$store.state.app.height;
        }
    },
    watch: {
        '$store.state.socket.runPlanReloadCount': function (val) {
            getSimulationInfoNew(this.group).then(res => {
                this.$store.dispatch('runPlan/setRunPlanInfo', res.data.runPlan);
                loadRunPlanData(this.group);
            });
        }
    },
    beforeDestroy() {
        this.$store.dispatch('runPlan/setPlanData', []);
    },
    mounted() {
        // this.menus = this.$theme.loadPlanComponent(this.$route.query.lineCode);
    },
    methods: {
        doShow() {
            this.show = true;
            this.$refs.planSchedule.setPosition();
        },
        doClose() {
            this.show = false;
        }
    }
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
    @import "src/styles/mixin.scss";

    .run-plan-dialog {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        z-index: 38;
        top: 0px;
        right: 0px;
        background: white;
    }
</style>