<template>
  <div class="script-parent">
    <div class="script-card">
		<tip-script-record ref="tipTaskRecord" :group="group"/>
    </div>
    <div class="script-display">
      <display ref="display" :size="size" />
    </div>
  </div>
</template>

<script>
import WindowResizeHandler from '@/mixin/WindowResizeHandler';
import Display from '@/views/display/index';
import TipScriptRecord from './tipScriptRecord';

export default {
	name: 'ScriptDisplay',
	components: {
		Display,
		TipScriptRecord
	},
	mixins: [WindowResizeHandler],
	data() {
		return {
			size: {
				width: document.documentElement.clientWidth - 780,
				height: document.documentElement.clientHeight
			},
			group:this.$route.query.group,
		};
	},
	computed: {
	},
	mounted() {
	},
	methods: {
		resizeHandler() {
			this.size = { width: this._clientWidth - 780, height: this._clientHeight};
		},
		loadInitData() {
		}
	}
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
    @import "src/styles/mixin.scss";
    .script-parent {
        display: flex;
        flex-flow: row;
        .script-card {
            width: 780px;
        }
    }
</style>
