From 9361943e47a09ea46f76adf06fa0d24a07ac711d Mon Sep 17 00:00:00 2001 From: 648540858 <648540858@qq.com> Date: 星期一, 26 十月 2020 11:40:46 +0800 Subject: [PATCH] 修复ui录象播放 优化录象查询接口 --- web_src/src/components/videoList.vue | 29 ++++++++++++++++++++++++----- 1 files changed, 24 insertions(+), 5 deletions(-) diff --git a/web_src/src/components/videoList.vue b/web_src/src/components/videoList.vue index 234ddc8..ebf3ad0 100644 --- a/web_src/src/components/videoList.vue +++ b/web_src/src/components/videoList.vue @@ -1,7 +1,6 @@ <template> <div id="app"> <el-container> - <el-header> <uiHeader></uiHeader> </el-header> @@ -30,21 +29,29 @@ </el-table-column> <el-table-column prop="model" label="鍥轰欢鐗堟湰" align="center"> </el-table-column> - <el-table-column prop="transport" label="閫氳鏂瑰紡" align="center"> + <el-table-column label="娴佷紶杈撴ā寮�" align="center" width="160"> + <template slot-scope="scope"> + <el-select size="mini" @change="transportChange(scope.row)" v-model="scope.row.streamMode" placeholder="璇烽�夋嫨"> + <el-option key="UDP" label="UDP" value="UDP"></el-option> + <el-option key="TCP-ACTIVE" label="TCP涓诲姩妯″紡" :disabled="true" value="TCP-ACTIVE"></el-option> + <el-option key="TCP-PASSIVE" label="TCP琚姩妯″紡" value="TCP-PASSIVE"></el-option> + </el-select> + </template> </el-table-column> <el-table-column prop="channelCount" label="閫氶亾鏁�" align="center"> </el-table-column> <el-table-column label="鐘舵��" width="180" align="center"> <template slot-scope="scope"> <div slot="reference" class="name-wrapper"> - <el-tag size="medium">{{ scope.row.online==1?'鍦ㄧ嚎' :'绂荤嚎'}}</el-tag> + <el-tag size="medium" v-if="scope.row.online == 1">鍦ㄧ嚎</el-tag> + <el-tag size="medium" type="info" v-if="scope.row.online == 0">绂荤嚎</el-tag> </div> </template> </el-table-column> <el-table-column label="鎿嶄綔" width="240" align="center" fixed="right"> <template slot-scope="scope"> - <el-button size="mini" icon="el-icon-refresh" @click="refDevice(scope.row)">鍒锋柊</el-button> + <el-button size="mini" icon="el-icon-refresh" @click="refDevice(scope.row)">鍒锋柊閫氶亾</el-button> <el-button size="mini" icon="el-icon-s-open" type="primary" @click="showChannelList(scope.row)">鏌ョ湅閫氶亾</el-button> </template> </el-table-column> @@ -180,7 +187,19 @@ that.$refs.devicePlayer.play(ssrc,deviceId,channelId); }).catch(function(e) { }); - } + }, + transportChange: function (row) { + console.log(row); + console.log(`淇敼浼犺緭鏂瑰紡涓� ${row.streamMode}锛�${row.deviceId} `); + let that = this; + this.$axios({ + method: 'get', + url: '/api/devices/' + row.deviceId + '/transport/' + row.streamMode + }).then(function(res) { + + }).catch(function(e) { + }); + } } }; -- Gitblit v1.8.0