<template>
|
<div class="helemtTable">
|
<el-table
|
:data="tableData"
|
style="width: 100%">
|
<el-table-column
|
label="序号"
|
type="index">
|
</el-table-column>
|
|
<el-table-column
|
label="设备"
|
width="230">
|
<template slot-scope="scope">
|
<div class="index-container">
|
<div class="index">{{scope.$index}}</div>
|
<div class="info">
|
<div class="icon iconfont"></div>
|
<div class="right">
|
<div class="code">{{scope.row.code}}</div>
|
<div class="elec">电量 : <span class="elec-number">{{scope.row.elec}}</span></div>
|
</div>
|
</div>
|
</div>
|
</template>
|
</el-table-column>
|
|
<el-table-column
|
prop="ip"
|
label="IP地址">
|
</el-table-column>
|
|
<el-table-column
|
prop="mac"
|
label="mac地址"
|
width="150">
|
</el-table-column>
|
|
<el-table-column
|
prop="longitude"
|
label="经度">
|
</el-table-column>
|
|
<el-table-column
|
prop="latitude"
|
label="纬度">
|
</el-table-column>
|
|
<el-table-column
|
prop="latitude"
|
label="地址">
|
</el-table-column>
|
|
<el-table-column
|
prop="height"
|
label="高度">
|
</el-table-column>
|
|
<el-table-column
|
prop="positon"
|
label="定位状态">
|
</el-table-column>
|
|
<el-table-column
|
prop="time"
|
label="访问时间">
|
</el-table-column>
|
|
<el-table-column
|
label="操作">
|
<template slot-scope="scope">
|
<div class="action-container">
|
<div class="icon iconfont"></div>
|
<div class="icon iconfont"></div>
|
</div>
|
</template>
|
</el-table-column>
|
|
|
|
</el-table>
|
</div>
|
|
</template>
|
|
<script>
|
export default {
|
data (){
|
return {
|
tableData: [
|
{code: "A123123123123", elec:79.1, ip:"192.168.1.2", mac:"ec:da:da:da:ed:98",
|
longitude:120.1231231, latitude:120.1231231,height:"11.21",time:"0.23.45",positon:"单向定位" },
|
]
|
}
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.helemtTable {
|
::v-deep .el-table {
|
font-size: 12px;
|
}
|
}
|
</style>
|
