From f8abd2603002eb6ff296d26f99042681d9b2bc92 Mon Sep 17 00:00:00 2001
From: lawrencehj <1934378145@qq.com>
Date: 星期五, 23 七月 2021 17:06:49 +0800
Subject: [PATCH] 修正推流列表播放错误

---
 web_src/src/components/CloudRecord.vue |   20 +++++++++++---------
 1 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/web_src/src/components/CloudRecord.vue b/web_src/src/components/CloudRecord.vue
index 284578b..e39cd5b 100644
--- a/web_src/src/components/CloudRecord.vue
+++ b/web_src/src/components/CloudRecord.vue
@@ -8,12 +8,13 @@
         <div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;">
           <span style="font-size: 1rem; font-weight: bold;">浜戠褰曞儚</span>
           <div style="position: absolute; right: 5rem; top: 0.3rem;">
-            鑺傜偣閫夋嫨: <el-select size="mini" @change="chooseMediaChange" style="width: 16rem; margin-right: 1rem;" v-model="mediaServer" placeholder="璇烽�夋嫨" default-first-option>
+            鑺傜偣閫夋嫨:
+            <el-select size="mini" @change="chooseMediaChange" style="width: 16rem; margin-right: 1rem;" v-model="mediaServerId" placeholder="璇烽�夋嫨" :disabled="recordDetail">
             <el-option
               v-for="item in mediaServerList"
               :key="item.id"
-              :label="item.id + '( ' + item.streamIp + ' )'"
-              :value="item">
+              :label="item.id"
+              :value="item.id">
             </el-option>
           </el-select>
           </div>
@@ -52,7 +53,7 @@
             :total="total">
           </el-pagination>
         </div>
-        <cloud-record-detail ref="cloudRecordDetail" v-if="recordDetail" :recordFile="chooseRecord" :mediaServer="mediaServer" ></cloud-record-detail>
+        <cloud-record-detail ref="cloudRecordDetail" v-if="recordDetail" :recordFile="chooseRecord" :mediaServerId="mediaServerId" ></cloud-record-detail>
 			</el-main>
 		</el-container>
 	</div>
@@ -70,7 +71,7 @@
 		data() {
 			return {
         mediaServerList: [], // 婊呬綋鑺傜偣鍒楄〃
-        mediaServer: null, // 濯掍綋鏈嶅姟
+        mediaServerId: null, // 濯掍綋鏈嶅姟
         recordList: [], // 璁惧鍒楄〃
         chooseRecord: null, // 濯掍綋鏈嶅姟
 
@@ -111,9 +112,9 @@
       getMediaServerList: function (){
         let that = this;
         that.mediaServerObj.getMediaServerList((data)=>{
-          that.mediaServerList = data;
+          that.mediaServerList = data.data;
           if (that.mediaServerList.length > 0) {
-            that.mediaServer = that.mediaServerList[0]
+            that.mediaServerId = that.mediaServerList[0].id
             that.getRecordList();
           }
         })
@@ -122,7 +123,7 @@
         let that = this;
         this.$axios({
           method: 'get',
-          url:`/record_proxy/${that.mediaServer.generalMediaServerId}/api/record/list`,
+          url:`/record_proxy/${that.mediaServerId}/api/record/list`,
           params: {
             page: that.currentPage,
             count: that.count
@@ -142,7 +143,8 @@
       },
       chooseMediaChange(val){
           console.log(val)
-          this.mediaServer = val;
+          this.total = 0;
+          this.recordList = [];
           this.getRecordList();
       },
       showRecordDetail(row){

--
Gitblit v1.8.0