Commit a56d8c70d6dd8f6fedc98aa768c3a2182d54acb8

Authored by panlinlin
1 parent 7436cb1c

优化编码信息信息页面

... ... @@ -96,12 +96,6 @@
96 96 <version>1.2.10</version>
97 97 </dependency>
98 98  
99   -<!-- <dependency>-->
100   -<!-- <groupId>org.apache.commons</groupId>-->
101   -<!-- <artifactId>commons-lang3</artifactId>-->
102   -<!-- <version>3.11</version>-->
103   -<!-- </dependency>-->
104   -
105 99 <!--Swagger3 -->
106 100 <!--在线文档 -->
107 101 <dependency>
... ...
web_src/src/components/dialog/devicePlayer.vue
... ... @@ -105,12 +105,13 @@
105 105 </el-tab-pane>
106 106 <el-tab-pane label="编码信息" name="codec" v-loading="tracksLoading">
107 107 <p>
108   - 无法播放或者没有声音?&nbsp&nbsp&nbsp试一试
  108 + 无法播放或者没有声音?&nbsp&nbsp&nbsp试一试&nbsp
109 109 <el-button size="mini" type="primary" v-if="!coverPlaying" @click="coverPlay">转码播放</el-button>
110 110 <el-button size="mini" type="danger" v-if="coverPlaying" @click="convertStopClick">停止转码</el-button>
111 111 </p>
112 112 <div class="trank" >
113   - <div v-for="(item, index) in tracks" style="width: 50%; float: left">
  113 + <p v-if="tracksNotLoaded" style="text-align: center;padding-top: 3rem;">暂无数据</p>
  114 + <div v-for="(item, index) in tracks" style="width: 50%; float: left" loading>
114 115 <span >流 {{index}}</span>
115 116 <div class="trankInfo" v-if="item.codec_type == 0">
116 117 <p>格式: {{item.codec_id_name}}</p>
... ... @@ -189,6 +190,7 @@ export default {
189 190 recordPlay: "",
190 191 showPtz: true,
191 192 showRrecord: true,
  193 + tracksNotLoaded: false,
192 194 };
193 195 },
194 196 methods: {
... ... @@ -197,6 +199,7 @@ export default {
197 199 var that = this;
198 200 that.tracks = [];
199 201 that.tracksLoading = true;
  202 + that.tracksNotLoaded = false;
200 203 if (tab.name == "codec") {
201 204 this.$axios({
202 205 method: 'get',
... ... @@ -206,6 +209,7 @@ export default {
206 209 if (res.data.code == 0 && res.data.online) {
207 210 that.tracks = res.data.tracks;
208 211 }else{
  212 + that.tracksNotLoaded = true;
209 213 that.$message({
210 214 showClose: true,
211 215 message: '获取编码信息失败,',
... ...