修改 替换背景 屏蔽范围

This commit is contained in:
lVAL 2020-11-04 16:17:01 +08:00
parent d72deda666
commit f492750443

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-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-group>
</el-button-group>
</div>
<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>
<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 label="所有成员">
<div class="eachScriptPanel">
@ -51,11 +60,6 @@
</div>
</el-tab-pane>
</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 class="scriptRecordNewTitle" @click="minisize">
<span class="titleStyle">{{ $t('scriptRecord.scriptRecordTitle') }}</span>
@ -563,7 +567,8 @@ export default {
}
.button-group{
position: absolute;
bottom: 0;
left: 0;
bottom: 0;
z-index: 5;
}
.eachScriptPanel{
@ -582,6 +587,7 @@ export default {
}
.scriptPanelRight{
width: 680px;
position: relative;
}
.scriptRecordNew{
position: absolute;
@ -648,10 +654,10 @@ export default {
.mask {
position: absolute;
top: 28px;
left: 0;
right: 0;
bottom: 0;
top:0;
right:0;
bottom:0;
left:0;
background: #000;
opacity: 0.5;
z-index: 2;