类型:开发
描述:
This commit is contained in:
@@ -43,7 +43,7 @@
|
|||||||
<el-dialog :title="gridTitle" center v-model="dialogTableVisible">
|
<el-dialog :title="gridTitle" center v-model="dialogTableVisible">
|
||||||
<div class="bom-box">
|
<div class="bom-box">
|
||||||
<div class="table">
|
<div class="table">
|
||||||
|
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div>姓名</div>
|
<div>姓名</div>
|
||||||
<div>部门</div>
|
<div>部门</div>
|
||||||
@@ -76,7 +76,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- <el-dialog :title="'三峡之巅广播'" top="0" @close="closeTh" width="1200px" center v-model="dialogTableVisible3">
|
<!-- <el-dialog :title="'三峡之巅广播'" top="0" @close="closeTh" width="1200px" center v-model="dialogTableVisible3">
|
||||||
|
|
||||||
</el-dialog> -->
|
</el-dialog> -->
|
||||||
<div v-show="dialogTableVisible3" class="videoPrefecture_video" id="videoPrefecture">
|
<div v-show="dialogTableVisible3" class="videoPrefecture_video" id="videoPrefecture">
|
||||||
<img src="/src/assets/images/close.png" @click="closeTh" class="closeCall" alt="" />
|
<img src="/src/assets/images/close.png" @click="closeTh" class="closeCall" alt="" />
|
||||||
@@ -87,7 +87,7 @@
|
|||||||
<img src="/src/assets/images/hj-1.png" class="hj-ico" alt="" />
|
<img src="/src/assets/images/hj-1.png" class="hj-ico" alt="" />
|
||||||
<div>{{progressVal=='未通话'?'呼叫中...':progressVal}}</div>
|
<div>{{progressVal=='未通话'?'呼叫中...':progressVal}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="hj-box " v-else>
|
<div class="hj-box " v-else>
|
||||||
<img src="/src/assets/images/hj-1.png" class="hj-ico" alt="" />
|
<img src="/src/assets/images/hj-1.png" class="hj-ico" alt="" />
|
||||||
@@ -99,7 +99,7 @@
|
|||||||
<!-- <el-button type="success" round>解除保持</el-button> -->
|
<!-- <el-button type="success" round>解除保持</el-button> -->
|
||||||
<el-button type="success" @click="ansWerPhone()" v-else-if="thState" round>接听</el-button>
|
<el-button type="success" @click="ansWerPhone()" v-else-if="thState" round>接听</el-button>
|
||||||
<el-button type="danger" @click="closeTh" v-else round>挂断</el-button>
|
<el-button type="danger" @click="closeTh" v-else round>挂断</el-button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<video id="meVideo" :class="callType==3?'':'callVideo'" class="twoVideo"></video>
|
<video id="meVideo" :class="callType==3?'':'callVideo'" class="twoVideo"></video>
|
||||||
<span class="glyphicon glyphicon-volume-down"></span>
|
<span class="glyphicon glyphicon-volume-down"></span>
|
||||||
@@ -141,8 +141,8 @@
|
|||||||
() => dialogTableVisible.value,
|
() => dialogTableVisible.value,
|
||||||
(val) => {
|
(val) => {
|
||||||
// comRegister();
|
// comRegister();
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
const doCallTel = (item) => {
|
const doCallTel = (item) => {
|
||||||
@@ -155,11 +155,11 @@
|
|||||||
const doCallVoice = (item) => {
|
const doCallVoice = (item) => {
|
||||||
callType.value = 2
|
callType.value = 2
|
||||||
dialogTableVisible3.value=true;
|
dialogTableVisible3.value=true;
|
||||||
|
|
||||||
nextTick(()=>{
|
nextTick(()=>{
|
||||||
webrtcInstance.JsSip_VoiceCall('854798',false);
|
webrtcInstance.JsSip_VoiceCall('854798',false);
|
||||||
})
|
})
|
||||||
|
|
||||||
}
|
}
|
||||||
const doCallVideo = (item) => {
|
const doCallVideo = (item) => {
|
||||||
callType.value = 3
|
callType.value = 3
|
||||||
@@ -181,12 +181,12 @@
|
|||||||
//调用挂断方法
|
//调用挂断方法
|
||||||
dialogTableVisible3.value = false;
|
dialogTableVisible3.value = false;
|
||||||
webrtcInstance.JsSip_hangUpPhone();
|
webrtcInstance.JsSip_hangUpPhone();
|
||||||
|
|
||||||
}
|
}
|
||||||
const closeTh = ()=>{
|
const closeTh = ()=>{
|
||||||
huangUp()
|
huangUp()
|
||||||
}
|
}
|
||||||
|
|
||||||
const handleDepsUser = async (id, item) => {
|
const handleDepsUser = async (id, item) => {
|
||||||
gridTitle.value = item.name
|
gridTitle.value = item.name
|
||||||
dialogTableVisible.value = true
|
dialogTableVisible.value = true
|
||||||
@@ -196,7 +196,7 @@
|
|||||||
const comRegister = () => {
|
const comRegister = () => {
|
||||||
//初始化
|
//初始化
|
||||||
nextTick(()=>{
|
nextTick(()=>{
|
||||||
webrtcInstance.jssipAgent('101','192.168.77.8','7066','Admin246246246',null,null,null);
|
webrtcInstance.jssipAgent('111','192.168.77.8','7066','Admin1246246',null,null,null);
|
||||||
// console.log(webrtcInstance.changeAgent)
|
// console.log(webrtcInstance.changeAgent)
|
||||||
webrtcInstance.changeAgent.on('newRTCSession',(res)=>{
|
webrtcInstance.changeAgent.on('newRTCSession',(res)=>{
|
||||||
timer.value = setInterval(()=>{
|
timer.value = setInterval(()=>{
|
||||||
@@ -217,7 +217,7 @@
|
|||||||
}
|
}
|
||||||
},1000)
|
},1000)
|
||||||
})
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
let thState = ref(false)
|
let thState = ref(false)
|
||||||
@@ -275,7 +275,7 @@
|
|||||||
width:vw(200);
|
width:vw(200);
|
||||||
margin-bottom:vh(20);
|
margin-bottom:vh(20);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
.closeCall{
|
.closeCall{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
@@ -289,7 +289,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
background: url('/src/assets/images/map-bg-2.png') no-repeat top center;
|
background: url('/src/assets/images/map-bg-2.png') no-repeat top center;
|
||||||
top:50%;
|
top:50%;
|
||||||
|
|
||||||
left:50%;
|
left:50%;
|
||||||
transform: translate(-50%,-50%);
|
transform: translate(-50%,-50%);
|
||||||
z-index: 4999;
|
z-index: 4999;
|
||||||
|
|||||||
@@ -82,15 +82,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex pt-20">
|
<div class="flex pt-20">
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<Title3 title="拥堵告警" />
|
|
||||||
<!-- <Line :width="760" :height="180" :data="jamlData" :xAxisData="jamXAxisData" /> -->
|
|
||||||
|
|
||||||
<traffic-jam :width="760"
|
|
||||||
:series="jamlData[0].data"
|
|
||||||
:data="jamXAxisData" :height="180" />
|
|
||||||
|
|
||||||
<Title3 title="平均车速(KM/H)" />
|
<Title3 title="平均车速(KM/H)" />
|
||||||
<Line :width="760" :height="180" :data="jamlData" :xAxisData="jamXAxisData" />
|
<traffic-jam :width="760"
|
||||||
|
:series="jamlData[0].data"
|
||||||
|
:data="jamXAxisData" :height="180" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -185,7 +180,7 @@
|
|||||||
<Title3 title="异常告警占比" />
|
<Title3 title="异常告警占比" />
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<alarmRate :dataList="abnormalData.abnormalAlarmPercent" />
|
<alarmRate :dataList="abnormalData.abnormalAlarmPercent" />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -403,9 +398,6 @@
|
|||||||
}
|
}
|
||||||
&:nth-child(4) {
|
&:nth-child(4) {
|
||||||
.monitor-statistics-item__error {
|
.monitor-statistics-item__error {
|
||||||
margin-top: vh(10);
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: vw(24);
|
|
||||||
color: #e21b1b;
|
color: #e21b1b;
|
||||||
}
|
}
|
||||||
.monitor-statistics-item__value {
|
.monitor-statistics-item__value {
|
||||||
|
|||||||
Reference in New Issue
Block a user