<template>
  <div v-show="show" class="run-plan-dialog">
    <plan-schedule ref="planSchedule" :group="group" @back="doClose" />
  </div>
</template>

<script>
import PlanSchedule from '@/views/planSchedule/index';
import { getEveryDayRunPlanNew } from '@/api/simulation';

// 运行图加载
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');
        }
    },
    watch: {
        '$store.state.socket.runPlanReloadCount': function (val) {
            getEveryDayRunPlanNew(this.group).then(resp => {
                this.$store.dispatch('runPlan/setPlanData', resp.data);
                this.$store.dispatch('runPlan/setInitialPlanData', resp.data);
                this.viewDisabled = false;
            }).catch(error => {
                this.$store.dispatch('runPlan/setPlanData', []);
                if (error.code == 30001) {
                    this.$messageBox(this.$t('display.schema.todayRunDiagramNoLoad'));
                } else {
                    this.$messageBox(this.$t('display.schema.getRunDiagramFail'));
                }
            });
        }
    },
    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: 36;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: white;
    }
</style>
