From a4e06ccd3cd976fbe4eef99e188d42ec9f3ad054 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 08 Apr 2021 09:32:05 +0800
Subject: [PATCH] 样式修改
---
src/views/realTimePolice/real.vue | 88 ++++++++++++++++++++++++++++++++++++-------
1 files changed, 73 insertions(+), 15 deletions(-)
diff --git a/src/views/realTimePolice/real.vue b/src/views/realTimePolice/real.vue
index a591bb0..13fcc15 100644
--- a/src/views/realTimePolice/real.vue
+++ b/src/views/realTimePolice/real.vue
@@ -2,7 +2,7 @@
* @Author: Morpheus
* @Date: 2021-03-17 15:21:33
* @Last Modified by: Morpheus
- * @Last Modified time: 2021-03-29 10:19:55
+ * @Last Modified time: 2021-04-07 17:36:33
*/
<template>
<basic-container>
@@ -19,6 +19,7 @@
@row-save="rowSave"
:before-open="beforeOpen"
:row-style="rowStyle"
+ row-class-name="tabFontSize"
@search-change="searchChange"
@search-reset="searchReset"
@selection-change="selectionChange"
@@ -43,7 +44,7 @@
<template slot="menuLeft">
<el-button
v-bind:class="activeClass == 0 ? 'btn-color' : ''"
- size="small"
+ size="mini"
@click="getBRdata(0)"
>本日
</el-button>
@@ -433,13 +434,14 @@
calcHeight: 30,
labelWidth: "100",
size: "mini",
+ border: false,
+ stripe: true,
menuWidth: 240,
dialogWidth: 950,
tip: false,
searchShow: true,
searchMenuSpan: 3,
- align:"center",
- border: true,
+ align: "center",
index: true,
viewBtn: true,
selection: true,
@@ -450,7 +452,7 @@
prop: "waringType",
search: false,
searchSpan: 3,
- width: 130,
+ width: 85,
className: "waringTypeClass",
searchPlaceholder: "请选择",
type: "select",
@@ -465,7 +467,7 @@
{
label: "报警时间",
type: "datetime",
- width: 130,
+ width: 160,
format: "yyyy-MM-dd HH:mm:ss",
valueFormat: "yyyy-MM-dd HH:mm:ss",
prop: "alarmTime",
@@ -499,11 +501,12 @@
{
label: "负责人电话",
prop: "onePhone",
- width: 96,
+ width: 110,
},
{
label: "报警人",
prop: "galarmPeople",
+ width: 90,
},
{
label: "报警人电话",
@@ -512,7 +515,6 @@
},
{
label: "事发地址",
- width: 200,
prop: "place",
},
{
@@ -562,6 +564,10 @@
dicUrl: "/api/blade-system/region/select",
span: 6,
className: "cityClass1",
+ hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
},
{
label: "地市",
@@ -580,6 +586,10 @@
span: 3,
labelWidth: "0",
className: "cityClass2",
+ hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
},
{
label: "区县",
@@ -598,10 +608,15 @@
span: 3,
labelWidth: "0",
className: "cityClass3",
+ hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
},
{
label: "接警人",
prop: "alarmPeople",
+ width: 90,
},
{
label: "接警时间",
@@ -610,6 +625,10 @@
valueFormat: "yyyy-MM-dd HH:mm:ss",
width: 130,
prop: "jjTime",
+ hide: true,
+ addDisplay: true,
+ editDisplay: true,
+ viewDisplay: true,
},
],
},
@@ -1117,6 +1136,15 @@
)
.then(function () {
that.dialogTableVisible = false;
+
+ axios({
+ method: "post",
+ url: `/api/blade-jfpts/rvideo/stop`,
+ params: {
+ jid: row.id,
+ },
+ }).then((resdata) => {});
+
that.onLoad(that.page, that.query);
that.$router.push({
path: "/policeTracking/track",
@@ -1185,6 +1213,7 @@
},
// 视频通话打开关闭事件
openRealVideoBox() {
+ var that = this;
var newAxios = axios.create({
baseURL: "https://web.byisf.com:18000",
withCredentials: false,
@@ -1207,24 +1236,49 @@
.then((res) => {
newAxios
.get(
- `https://web.byisf.com:18000/GetPlayUrl?deviceCode=${this.form.serialNumber}&chl=${this.form.channelNumber}`
+ `https://web.byisf.com:18000/GetPlayUrl?deviceCode=${that.form.serialNumber}&chl=${this.form.channelNumber}`
)
.then((result) => {
- this.videoSource = result.data.data.m3u8;
+ that.videoSource = result.data.data.m3u8;
if (Hls.isSupported()) {
var dom = document.getElementById("real_video_conversation");
- this.hls = new Hls();
+ that.hls = new Hls();
- var m3u8Url = decodeURIComponent(this.videoSource);
+ var m3u8Url = decodeURIComponent(that.videoSource);
- this.hls.loadSource(m3u8Url);
+ that.hls.loadSource(m3u8Url);
- this.hls.attachMedia(dom);
+ that.hls.attachMedia(dom);
- this.hls.on(Hls.Events.MANIFEST_PARSED, function () {
+ that.hls.on(Hls.Events.MANIFEST_PARSED, function () {
dom.play();
+ });
+
+ that.hls.on(Hls.Events.ERROR, function (event, data) {
+ console.log(data, 4566824159, "视频播放有问题！！！");
+ if (data.fatal) {
+ switch (data.type) {
+ case Hls.ErrorTypes.NETWORK_ERROR:
+ // try to recover network error
+ console.log(
+ "fatal network error encountered, try to recover"
+ );
+ that.hls.startLoad();
+ break;
+ case Hls.ErrorTypes.MEDIA_ERROR:
+ console.log(
+ "fatal media error encountered, try to recover"
+ );
+ that.hls.recoverMediaError();
+ break;
+ default:
+ // cannot recover
+ that.hls.destroy();
+ break;
+ }
+ }
});
}
});
@@ -1454,4 +1508,8 @@
background-color: rgb(64, 158, 255);
border-color: rgb(64, 158, 255);
}
+
+.tabFontSize {
+ font-size: 15px;
+}
</style>
--
Gitblit v1.9.3