89 lines
2.9 KiB
Vue
89 lines
2.9 KiB
Vue
<template>
|
|
<el-container>
|
|
<el-header>
|
|
<div class="left-panel">
|
|
<div class="right-panel-search">
|
|
<el-input v-model="search.keyword" placeholder="编号" clearable @click="upsearch"></el-input>
|
|
<el-button type="primary" icon="el-icon-search" @click="upsearch"></el-button>
|
|
</div>
|
|
</div>
|
|
</el-header>
|
|
<el-main class="nopadding">
|
|
<scTable ref="table" :apiObj="apiObj" row-key="id" @selection-change="selectionChange" stripe @resetQuery="resetQuery" >
|
|
<el-table-column type="selection" width="50"></el-table-column>
|
|
<el-table-column label="序号" type="index" width="50"></el-table-column>
|
|
<el-table-column label="喇叭名称" prop="name" min-width="150"></el-table-column>
|
|
<el-table-column label="音量" prop="extra" min-width="100">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.extra&&scope.row.extra.player">{{scope.row.extra.player.EnvVolume}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="设备sn" prop="sn" min-width="90"></el-table-column>
|
|
<el-table-column label="ip" prop="extra" min-width="90">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.extra">{{scope.row.extra.ip}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="状态" prop="extra" min-width="90">
|
|
<template #default="scope">
|
|
<span v-if="scope.row.extra">{{scope.row.extra.online}}</span>
|
|
</template>
|
|
</el-table-column>
|
|
<!--<el-table-column label="位置" prop="count_people" min-width="90"></el-table-column>-->
|
|
<el-table-column label="所在区域" prop="create_time" min-width="180"></el-table-column>
|
|
<el-table-column label="覆盖区域" prop="create_time" width="160"></el-table-column>
|
|
<el-table-column label="操作" fixed="right" align="center" width="160">
|
|
<template #default="scope">
|
|
<el-button-group>
|
|
<el-button text type="primary" size="small" @click="handlePosition(scope.row)">标记位置</el-button>
|
|
</el-button-group>
|
|
</template>
|
|
</el-table-column>
|
|
</scTable>
|
|
</el-main>
|
|
</el-container>
|
|
<channel-view v-if="dialogSave" ref="saveDialog" :channelType="50" :channelCode="channelCode" :channelName="channelName" @closed="dialogSave=false"></channel-view>
|
|
</template>
|
|
<script>
|
|
import channelView from './vchannel_view'
|
|
export default {
|
|
name: 'audioVue',
|
|
components: {
|
|
channelView
|
|
},
|
|
data() {
|
|
return {
|
|
apiObj: this.$API.am.tdevice.speaker,
|
|
dialogSave: false,
|
|
limitedVisible: false,
|
|
query: {},
|
|
selection: [],
|
|
search: {
|
|
keyword: null
|
|
},
|
|
channelCode:'',
|
|
channelName:'',
|
|
}
|
|
},
|
|
methods: {
|
|
handlePosition(row){
|
|
this.channelCode = row.sn;
|
|
this.channelName = row.name;
|
|
this.dialogSave = true;
|
|
},
|
|
//表格选择后回调事件
|
|
selectionChange(selection){
|
|
this.selection = selection;
|
|
},
|
|
|
|
//搜索
|
|
upsearch(){
|
|
},
|
|
|
|
resetQuery(){
|
|
this.query = {}
|
|
}
|
|
}
|
|
}
|
|
</script>
|