From 1bdc0621b838a63fce090daaac33ad0f19763e28 Mon Sep 17 00:00:00 2001 From: winfed <chinesezwf@gmail.com> Date: 星期五, 09 六月 2023 15:50:33 +0800 Subject: [PATCH] feat:删除拉流代理时,提示是否确认删除,防止误删 --- web_src/src/components/CloudRecord.vue | 42 +++++++++++++++++++++++++++++++----------- 1 files changed, 31 insertions(+), 11 deletions(-) diff --git a/web_src/src/components/CloudRecord.vue b/web_src/src/components/CloudRecord.vue index 897e142..b046fc9 100644 --- a/web_src/src/components/CloudRecord.vue +++ b/web_src/src/components/CloudRecord.vue @@ -1,7 +1,11 @@ <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"> @@ -105,14 +109,25 @@ 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; @@ -125,8 +140,10 @@ } }).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); @@ -140,6 +157,7 @@ console.log(val) this.total = 0; this.recordList = []; + this.setMediaServerPath(val); this.getRecordList(); }, showRecordDetail(row){ @@ -174,12 +192,14 @@ } }).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); }); - } + }, } -- Gitblit v1.8.0