panlinlin
4 years ago
15 changed files with 397 additions and 90 deletions
@ -0,0 +1,7 @@ |
|||
package com.genersoft.iot.vmp.storager.dao; |
|||
|
|||
import org.mapstruct.Mapper; |
|||
|
|||
@Mapper |
|||
public interface patformChannelMapper { |
|||
} |
|||
@ -0,0 +1,78 @@ |
|||
package com.genersoft.iot.vmp.vmanager.platform.bean; |
|||
|
|||
/** |
|||
* 精简的channel信息展示，主要是选择通道的时候展示列表使用 |
|||
*/ |
|||
public class ChannelReduce { |
|||
|
|||
/** |
|||
* 通道id |
|||
*/ |
|||
private String channelId; |
|||
|
|||
/** |
|||
* 设备id |
|||
*/ |
|||
private String deviceId; |
|||
|
|||
/** |
|||
* 通道名 |
|||
*/ |
|||
private String name; |
|||
|
|||
/** |
|||
* 生产厂商 |
|||
*/ |
|||
private String manufacturer; |
|||
|
|||
/** |
|||
* wan地址 |
|||
*/ |
|||
private String hostAddress; |
|||
|
|||
/** |
|||
* 子节点数 |
|||
*/ |
|||
private int subCount; |
|||
|
|||
|
|||
public String getChannelId() { |
|||
return channelId; |
|||
} |
|||
|
|||
public void setChannelId(String channelId) { |
|||
this.channelId = channelId; |
|||
} |
|||
|
|||
public String getDeviceId() { |
|||
return deviceId; |
|||
} |
|||
|
|||
public void setDeviceId(String deviceId) { |
|||
this.deviceId = deviceId; |
|||
} |
|||
|
|||
public String getName() { |
|||
return name; |
|||
} |
|||
|
|||
public void setName(String name) { |
|||
this.name = name; |
|||
} |
|||
|
|||
public String getManufacturer() { |
|||
return manufacturer; |
|||
} |
|||
|
|||
public void setManufacturer(String manufacturer) { |
|||
this.manufacturer = manufacturer; |
|||
} |
|||
|
|||
public String getHostAddress() { |
|||
return hostAddress; |
|||
} |
|||
|
|||
public void setHostAddress(String hostAddress) { |
|||
this.hostAddress = hostAddress; |
|||
} |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
package com.genersoft.iot.vmp.vmanager.platform.bean; |
|||
|
|||
import java.util.List; |
|||
|
|||
public class UpdateChannelParam { |
|||
private String platformId; |
|||
private List<ChannelReduce> channelReduces; |
|||
|
|||
public String getPlatformId() { |
|||
return platformId; |
|||
} |
|||
|
|||
public void setPlatformId(String platformId) { |
|||
this.platformId = platformId; |
|||
} |
|||
|
|||
public List<ChannelReduce> getChannelReduces() { |
|||
return channelReduces; |
|||
} |
|||
|
|||
public void setChannelReduces(List<ChannelReduce> channelReduces) { |
|||
this.channelReduces = channelReduces; |
|||
} |
|||
} |
|||
Binary file not shown.
@ -0,0 +1,120 @@ |
|||
<template> |
|||
<div id="chooseChannelForGb" > |
|||
<div style="background-color: #FFFFFF; margin-bottom: 1rem; position: relative; padding: 0.5rem; text-align: left;font-size: 14px;"> |
|||
搜索: <el-input @input="search" style="margin-right: 1rem; width: auto;" size="mini" placeholder="关键字" prefix-icon="el-icon-search" v-model="searchSrt" clearable> </el-input> |
|||
|
|||
通道类型: <el-select size="mini" @change="search" style="margin-right: 1rem;" v-model="channelType" placeholder="请选择" default-first-option> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="设备" value="false"></el-option> |
|||
<el-option label="子目录" value="true"></el-option> |
|||
</el-select> |
|||
在线状态: <el-select size="mini" style="margin-right: 1rem;" @change="search" v-model="online" placeholder="请选择" default-first-option> |
|||
<el-option label="全部" value=""></el-option> |
|||
<el-option label="在线" value="true"></el-option> |
|||
<el-option label="离线" value="false"></el-option> |
|||
</el-select> |
|||
</div> |
|||
<el-table ref="gbChannelsTable" :data="gbChannels" border style="width: 100%" @selection-change="chooseChanage" > |
|||
<el-table-column type="selection" width="55" align="center" fixed> </el-table-column> |
|||
<el-table-column prop="channelId" label="通道编号" width="210"> |
|||
</el-table-column> |
|||
<el-table-column prop="name" label="通道名称"> |
|||
</el-table-column> |
|||
<el-table-column prop="deviceId" label="设备编号" width="210" > |
|||
</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.hostAddress }}</el-tag> |
|||
</div> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="manufacturer" label="厂家" align="center"> |
|||
</el-table-column> |
|||
</el-table> |
|||
<el-pagination style="float: right;margin-top: 1rem;" @size-change="handleSizeChange" @current-change="currentChange" :current-page="currentPage" :page-size="count" :page-sizes="[15, 20, 30, 50]" layout="total, sizes, prev, pager, next" :total="total"> |
|||
</el-pagination> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'chooseChannelForGb', |
|||
props: {}, |
|||
computed: { |
|||
// getPlayerShared: function () { |
|||
// return { |
|||
// sharedUrl: window.location.host + '/' + this.videoUrl, |
|||
// sharedIframe: '<iframe src="' + window.location.host + '/' + this.videoUrl + '"></iframe>', |
|||
// sharedRtmp: this.videoUrl |
|||
// }; |
|||
// } |
|||
}, |
|||
props: ['chooseChanage'], |
|||
created() { |
|||
this.initData(); |
|||
}, |
|||
data() { |
|||
return { |
|||
gbChannels: [], |
|||
searchSrt: "", |
|||
channelType: "", |
|||
online: "", |
|||
currentPage: parseInt(this.$route.params.page), |
|||
count: parseInt(this.$route.params.count), |
|||
total: 0 |
|||
|
|||
}; |
|||
}, |
|||
methods: { |
|||
initData: function() { |
|||
this.getChannelList(); |
|||
}, |
|||
currentChange: function (val) { |
|||
this.currentPage = val; |
|||
this.initData(); |
|||
}, |
|||
handleSizeChange: function (val) { |
|||
this.count = val; |
|||
this.initData(); |
|||
|
|||
}, |
|||
getChannelList: function () { |
|||
let that = this; |
|||
|
|||
this.$axios.get(`/api/platforms/channelList`, { |
|||
params: { |
|||
page: that.currentPage - 1, |
|||
count: that.count, |
|||
query: that.searchSrt, |
|||
online: that.online, |
|||
channelType: that.channelType |
|||
} |
|||
}) |
|||
.then(function (res) { |
|||
console.log(res); |
|||
that.total = res.data.total; |
|||
that.gbChannels = res.data.list; |
|||
// 防止出现表格错位 |
|||
that.$nextTick(() => { |
|||
that.$refs.gbChannelsTable.doLayout(); |
|||
}) |
|||
}) |
|||
.catch(function (error) { |
|||
console.log(error); |
|||
}); |
|||
|
|||
}, |
|||
search: function() { |
|||
this.initData(); |
|||
}, |
|||
handleGBSelectionChange: function() { |
|||
this.initData(); |
|||
}, |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style> |
|||
|
|||
</style> |
|||
Loading…
Reference in new issue