|
|
@@ -36,20 +36,21 @@
|
|
|
<template v-else> <span class="color-info flex flex-center-center">请签入</span> </template>
|
|
|
</template>
|
|
|
</el-popover>
|
|
|
-
|
|
|
- <el-button type="primary" @click="onEvent('signOut')" v-if="m_bLogin">签出</el-button>
|
|
|
- <el-button type="primary" @click="onEvent('signIn')" v-else>签入</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('busy')" v-if="!m_bTelBusy && m_bLogin">示忙</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('idle')" v-if="m_bTelBusy && m_bLogin">示闲</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('hangup')" v-if="m_bCallConnect || m_isRing">挂机</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('callOut')" v-if="m_bLogin && !m_isRing">呼出</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('hold')" v-if="!m_IsHold && m_bCallConnect">保持</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('reHold')" v-if="m_IsHold && m_bCallConnect">恢复</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('consult')" v-if="m_bCallConnect">咨询</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('transferMz')" v-if="m_bCallConnect">盲转</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('transfer')" v-if="m_bCallConnect">转接</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('conference')" v-if="m_bCallConnect">三方会议</el-button>
|
|
|
- <el-button class="default-button" @click="onEvent('evaluate')" v-if="m_bCallConnect">评价</el-button>
|
|
|
+ <div class="btn-container">
|
|
|
+ <el-button type="primary" @click="onEvent('signOut')" v-if="m_bLogin">签出</el-button>
|
|
|
+ <el-button type="primary" @click="onEvent('signIn')" v-else>签入</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('busy')" v-if="!m_bTelBusy && m_bLogin">示忙</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('idle')" v-if="m_bTelBusy && m_bLogin">示闲</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('hangup')" v-if="m_bCallConnect || m_isRing">挂机</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('callOut')" v-if="m_bLogin && !m_isRing">呼出</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('hold')" v-if="!m_IsHold && m_bCallConnect">保持</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('reHold')" v-if="m_IsHold && m_bCallConnect">恢复</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('consult')" v-if="m_bCallConnect">咨询</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('transferMz')" v-if="m_bCallConnect">盲转</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('transfer')" v-if="m_bCallConnect">转接</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('conference')" v-if="m_bCallConnect">三方会议</el-button>
|
|
|
+ <el-button class="default-button" @click="onEvent('evaluate')" v-if="m_bCallConnect">评价</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<!-- 签入弹窗 -->
|
|
|
@@ -1880,5 +1881,45 @@ onMounted(async () => {
|
|
|
transform: rotate(180deg);
|
|
|
}
|
|
|
}
|
|
|
+ // 按钮列表
|
|
|
+ .btn-container {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: calc(100% - 100px);
|
|
|
+ height: 100%;
|
|
|
+ border-right: 1px solid var(--el-border-color);
|
|
|
+ border-left: 1px solid var(--el-border-color);
|
|
|
+ overflow: hidden;
|
|
|
+ .item {
|
|
|
+ text-align: center;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 100%;
|
|
|
+ user-select: none;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ //border-right: 1px solid var(--el-border-color);
|
|
|
+ .icon {
|
|
|
+ color: var(--el-color-primary);
|
|
|
+ }
|
|
|
+ &.disabled {
|
|
|
+ cursor: not-allowed;
|
|
|
+ overflow: hidden;
|
|
|
+ .icon {
|
|
|
+ color: #cccccc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .active {
|
|
|
+ &:hover {
|
|
|
+ color: var(--hotline-color-white);
|
|
|
+ background-color: var(--el-color-primary);
|
|
|
+ .icon {
|
|
|
+ color: var(--hotline-color-white);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
zhangchong