From a56d8c70d6dd8f6fedc98aa768c3a2182d54acb8 Mon Sep 17 00:00:00 2001
From: panlinlin <648540858@qq.com>
Date: 星期二, 13 四月 2021 11:33:26 +0800
Subject: [PATCH] 优化编码信息信息页面

---
 web_src/src/components/dialog/devicePlayer.vue |    8 ++++++--
 1 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web_src/src/components/dialog/devicePlayer.vue b/web_src/src/components/dialog/devicePlayer.vue
index 9ed1802..bd976a8 100644
--- a/web_src/src/components/dialog/devicePlayer.vue
+++ b/web_src/src/components/dialog/devicePlayer.vue
@@ -105,12 +105,13 @@
                 </el-tab-pane>
                 <el-tab-pane label="缂栫爜淇℃伅" name="codec" v-loading="tracksLoading">
                     <p>
-                        鏃犳硶鎾斁鎴栬�呮病鏈夊０闊�?&nbsp&nbsp&nbsp璇曚竴璇�
+                        鏃犳硶鎾斁鎴栬�呮病鏈夊０闊�?&nbsp&nbsp&nbsp璇曚竴璇�&nbsp
                         <el-button size="mini" type="primary" v-if="!coverPlaying" @click="coverPlay">杞爜鎾斁</el-button>
                         <el-button size="mini" type="danger" v-if="coverPlaying" @click="convertStopClick">鍋滄杞爜</el-button>
                     </p>
                     <div class="trank" >
-                        <div v-for="(item, index) in tracks" style="width: 50%; float: left">
+                      <p v-if="tracksNotLoaded" style="text-align: center;padding-top: 3rem;">鏆傛棤鏁版嵁</p>
+                        <div v-for="(item, index) in tracks" style="width: 50%; float: left" loading>
                             <span >娴� {{index}}</span>
                             <div class="trankInfo" v-if="item.codec_type == 0">
                                 <p>鏍煎紡: {{item.codec_id_name}}</p>
@@ -189,6 +190,7 @@
             recordPlay: "",
             showPtz: true,
             showRrecord: true,
+            tracksNotLoaded: false,
         };
     },
     methods: {
@@ -197,6 +199,7 @@
             var that = this;
             that.tracks = [];
             that.tracksLoading = true;
+            that.tracksNotLoaded = false;
             if (tab.name == "codec") {
                 this.$axios({
                     method: 'get',
@@ -206,6 +209,7 @@
                     if (res.data.code == 0 && res.data.online) {
                         that.tracks = res.data.tracks;
                     }else{
+                        that.tracksNotLoaded = true;
                         that.$message({
                             showClose: true,
                             message: '鑾峰彇缂栫爜淇℃伅澶辫触,',

--
Gitblit v1.8.0