joylink/rt-sim-training-client
6
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

修改 替换背景 屏蔽范围

Browse Source
This commit is contained in:
lVAL 2020-11-04 16:17:01 +08:00
parent d72deda666
commit f492750443
1 changed files with 18 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/views/scriptManage/tipScriptRecord.vue
View File

@ -31,12 +31,21 @@
<el-button size="small" type="primary" v-if="backDisabled" @click="startReplaceBg">{{ $t('scriptRecord.startReplaceBg') }}</el-button> <el-button size="small" type="primary" v-if="backDisabled" @click="startReplaceBg">{{ $t('scriptRecord.startReplaceBg') }}</el-button>
<el-button size="small" type="primary" v-else :disabled="backDisabled" @click="saveScenesStage">{{ $t('scriptRecord.saveBackground') }}</el-button> <el-button size="small" type="primary" v-else :disabled="backDisabled" @click="saveScenesStage">{{ $t('scriptRecord.saveBackground') }}</el-button>
<el-button size="small" type="success" :loading="isSavingScript" @click="saveScenesData">{{ $t('scriptRecord.saveData') }}</el-button> <el-button size="small" type="success" :loading="isSavingScript" @click="saveScenesData">{{ $t('scriptRecord.saveData') }}</el-button>
</el-button-group> </el-button-group>
</div> </div>
<div class="scriptPanelRight"> <div class="scriptPanelRight">
<get-action-new ref="getAction" :group="group" :size="size" :member-list="memberList" /> <get-action-new ref="getAction" :group="group" :size="size" :isReplaceBg="isReplaceBg" :member-list="memberList" />
</div> </div>
</div> </div>
<template v-if="isReplaceBg">
<div class="mask"/>
<el-button-group class="button-group">
<el-button v-if="isPause" size="small" type="primary" :disabled="executeDisabled" @click="pauseScript">{{ $t('scriptRecord.drivingPause') }}</el-button>
<el-button v-else size="small" type="primary" :disabled="executeDisabled" @click="executePlayScript">恢复</el-button>
<el-button size="small" type="primary" @click="confirmReplaceBg">{{ $t('scriptRecord.confirmReplaceBg') }}</el-button>
<el-button size="small" type="info" @click="cancelReplaceBg">{{ $t('scriptRecord.cancelReplaceBg') }}</el-button>
</el-button-group>
</template>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="所有成员"> <el-tab-pane label="所有成员">
<div class="eachScriptPanel"> <div class="eachScriptPanel">
@ -51,11 +60,6 @@
</div> </div>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div v-if="maskShow" class="mask"/>
<el-button-group v-if="isReplaceBg" class="button-group" style="padding: 0 0 10px 10px" >
<el-button size="small" type="primary" @click="confirmReplaceBg">{{ $t('scriptRecord.confirmReplaceBg') }}</el-button>
<el-button size="small" type="info" @click="cancelReplaceBg">{{ $t('scriptRecord.cancelReplaceBg') }}</el-button>
</el-button-group>
</div> </div>
<div class="scriptRecordNewTitle" @click="minisize"> <div class="scriptRecordNewTitle" @click="minisize">
<span class="titleStyle">{{ $t('scriptRecord.scriptRecordTitle') }}</span> <span class="titleStyle">{{ $t('scriptRecord.scriptRecordTitle') }}</span>
@ -563,7 +567,8 @@ export default {
} }
.button-group{ .button-group{
position: absolute; position: absolute;
bottom: 0; left: 0;
bottom: 0;
z-index: 5; z-index: 5;
} }
.eachScriptPanel{ .eachScriptPanel{
@ -582,6 +587,7 @@ export default {
} }
.scriptPanelRight{ .scriptPanelRight{
width: 680px; width: 680px;
position: relative;
} }
.scriptRecordNew{ .scriptRecordNew{
position: absolute; position: absolute;
@ -648,10 +654,10 @@ export default {
.mask { .mask {
position: absolute; position: absolute;
top: 28px; top:0;
left: 0; right:0;
right: 0; bottom:0;
bottom: 0; left:0;
background: #000; background: #000;
opacity: 0.5; opacity: 0.5;
z-index: 2; z-index: 2;