56 lines
1.1 KiB
Vue
56 lines
1.1 KiB
Vue
|
<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>
|