|  |  | 
 |  |  | <template> | 
 |  |  |    <div id="app" style="width: 100%"> | 
 |  |  |     <div class="page-header"> | 
 |  |  |       <div class="page-title">云端录像</div> | 
 |  |  |       <div class="page-title"> | 
 |  |  |         <el-page-header v-if="recordDetail" @back="backToList" content="云端录像"></el-page-header> | 
 |  |  |         <div v-if="!recordDetail">云端录像</div> | 
 |  |  |       </div> | 
 |  |  |  | 
 |  |  |       <div class="page-header-btn"> | 
 |  |  |         节点选择: | 
 |  |  |         <el-select size="mini" @change="chooseMediaChange" style="width: 16rem; margin-right: 1rem;" v-model="mediaServerId" placeholder="请选择" :disabled="recordDetail"> | 
 |  |  | 
 |  |  |           that.mediaServerList = data.data; | 
 |  |  |           if (that.mediaServerList.length > 0) { | 
 |  |  |             that.mediaServerId = that.mediaServerList[0].id | 
 |  |  |             let port = that.mediaServerList[0].httpPort; | 
 |  |  |             if (location.protocol === "https:" && that.mediaServerList[0].httpSSlPort) { | 
 |  |  |               port = that.mediaServerList[0].httpSSlPort | 
 |  |  |             } | 
 |  |  |             that.mediaServerPath = location.protocol + "//" + that.mediaServerList[0].streamIp + ":" + port | 
 |  |  |             that.setMediaServerPath(that.mediaServerId); | 
 |  |  |             that.getRecordList(); | 
 |  |  |           } | 
 |  |  |         }) | 
 |  |  |       }, | 
 |  |  |       setMediaServerPath: function (serverId) { | 
 |  |  |         let that = this; | 
 |  |  |         let i; | 
 |  |  |         for (i = 0; i < that.mediaServerList.length; i++) { | 
 |  |  |           if (serverId === that.mediaServerList[i].id) { | 
 |  |  |             break; | 
 |  |  |           } | 
 |  |  |         } | 
 |  |  |         let port = that.mediaServerList[i].httpPort; | 
 |  |  |         if (location.protocol === "https:" && that.mediaServerList[i].httpSSlPort) { | 
 |  |  |           port = that.mediaServerList[i].httpSSlPort | 
 |  |  |         } | 
 |  |  |         that.mediaServerPath = location.protocol + "//" + that.mediaServerList[i].streamIp + ":" + port | 
 |  |  |         console.log(that.mediaServerPath) | 
 |  |  |       }, | 
 |  |  |       getRecordList: function (){ | 
 |  |  |         let that = this; | 
 |  |  | 
 |  |  |           } | 
 |  |  |         }).then(function (res) { | 
 |  |  |           console.log(res) | 
 |  |  |           that.total = res.data.data.total; | 
 |  |  |           that.recordList = res.data.data.list; | 
 |  |  |           if (res.data.code === 0) { | 
 |  |  |             that.total = res.data.data.total; | 
 |  |  |             that.recordList = res.data.data.list; | 
 |  |  |           } | 
 |  |  |           that.loading = false; | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  | 
 |  |  |           console.log(val) | 
 |  |  |           this.total = 0; | 
 |  |  |           this.recordList = []; | 
 |  |  |           this.setMediaServerPath(val); | 
 |  |  |           this.getRecordList(); | 
 |  |  |       }, | 
 |  |  |       showRecordDetail(row){ | 
 |  |  | 
 |  |  |           } | 
 |  |  |         }).then(function (res) { | 
 |  |  |           console.log(res) | 
 |  |  |           that.total = res.data.data.total; | 
 |  |  |           that.recordList = res.data.data.list; | 
 |  |  |           if (res.data.code === 0) { | 
 |  |  |             that.total = res.data.data.total; | 
 |  |  |             that.recordList = res.data.data.list; | 
 |  |  |           } | 
 |  |  |         }).catch(function (error) { | 
 |  |  |           console.log(error); | 
 |  |  |         }); | 
 |  |  |       } | 
 |  |  |       }, | 
 |  |  |  | 
 |  |  |  | 
 |  |  |       } |