| | |
| | | <div class="page-title">上级平台列表</div> |
| | | <div class="page-header-btn"> |
| | | <el-button icon="el-icon-plus" size="mini" style="margin-right: 1rem;" type="primary" @click="addParentPlatform">添加</el-button> |
| | | <el-button icon="el-icon-refresh-right" circle size="mini" @click="refresh()"></el-button> |
| | | </div> |
| | | </div> |
| | | |
| | | <!--设备列表--> |
| | | <el-table :data="platformList" border style="width: 100%" :height="winHeight"> |
| | | <el-table-column prop="name" label="名称" align="center"></el-table-column> |
| | | <el-table-column prop="serverGBId" label="平台编号" align="center"></el-table-column> |
| | | <el-table-column label="是否启用" width="120" align="center"> |
| | | <el-table :data="platformList" style="width: 100%" :height="winHeight"> |
| | | <el-table-column prop="name" label="名称" ></el-table-column> |
| | | <el-table-column prop="serverGBId" label="平台编号" min-width="200"></el-table-column> |
| | | <el-table-column label="是否启用" min-width="80" > |
| | | <template slot-scope="scope"> |
| | | <div slot="reference" class="name-wrapper"> |
| | | <el-tag size="medium" v-if="scope.row.enable">已启用</el-tag> |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="状态" width="120" align="center"> |
| | | <el-table-column label="状态" min-width="80" > |
| | | <template slot-scope="scope"> |
| | | <div slot="reference" class="name-wrapper"> |
| | | <el-tag size="medium" v-if="scope.row.status">在线</el-tag> |
| | |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="地址" width="180" align="center"> |
| | | <el-table-column label="地址" min-width="160" > |
| | | <template slot-scope="scope"> |
| | | <div slot="reference" class="name-wrapper"> |
| | | <el-tag size="medium">{{ scope.row.serverIP}}:{{scope.row.serverPort }}</el-tag> |
| | | </div> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="deviceGBId" label="设备国标编号" width="200" align="center"></el-table-column> |
| | | <el-table-column prop="transport" label="信令传输模式" width="120" align="center"></el-table-column> |
| | | <el-table-column prop="channelCount" label="通道数" width="120" align="center"></el-table-column> |
| | | <el-table-column label="订阅信息" width="240" align="center" fixed="right"> |
| | | <el-table-column prop="deviceGBId" label="设备国标编号" min-width="200" ></el-table-column> |
| | | <el-table-column prop="transport" label="信令传输模式" min-width="120" ></el-table-column> |
| | | <el-table-column prop="channelCount" label="通道数" min-width="120" ></el-table-column> |
| | | <el-table-column label="订阅信息" min-width="120" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <i v-if="scope.row.alarmSubscribe" style="font-size: 20px" title="报警订阅" class="iconfont icon-gbaojings subscribe-on " ></i> |
| | | <i v-if="!scope.row.alarmSubscribe" style="font-size: 20px" title="报警订阅" class="iconfont icon-gbaojings subscribe-off " ></i> |
| | |
| | | </template> |
| | | </el-table-column> |
| | | |
| | | <el-table-column label="操作" width="300" align="center" fixed="right"> |
| | | <el-table-column label="操作" min-width="240" fixed="right"> |
| | | <template slot-scope="scope"> |
| | | <el-button size="mini" icon="el-icon-edit" @click="editPlatform(scope.row)">编辑</el-button> |
| | | <el-button size="mini" icon="el-icon-share" type="primary" @click="chooseChannel(scope.row)">选择通道</el-button> |
| | | <el-button size="mini" icon="el-icon-delete" type="danger" @click="deletePlatform(scope.row)">删除</el-button> |
| | | <el-button size="medium" icon="el-icon-edit" type="text" @click="editPlatform(scope.row)">编辑</el-button> |
| | | <el-button size="medium" icon="el-icon-share" type="text" @click="chooseChannel(scope.row)">选择通道</el-button> |
| | | <el-button size="medium" icon="el-icon-delete" type="text" style="color: #f56c6c" @click="deletePlatform(scope.row)">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | deletePlatformCommit: function(platform) { |
| | | var that = this; |
| | | that.$axios({ |
| | | method: 'delete', |
| | | url:`/api/platform/delete/${platform.serverGBId}` |
| | | method: 'delete', |
| | | url:`/api/platform/delete/${platform.serverGBId}` |
| | | }).then(function (res) { |
| | | if (res.data == "success") { |
| | | if (res.data.code === 0) { |
| | | that.$message({ |
| | | showClose: true, |
| | | message: '删除成功', |
| | |
| | | }); |
| | | }, |
| | | chooseChannel: function(platform) { |
| | | this.$refs.chooseChannelDialog.openDialog(platform.serverGBId, platform.name, platform.catalogId, this.initData) |
| | | console.log("platform.name: " + platform.name) |
| | | this.$refs.chooseChannelDialog.openDialog(platform.serverGBId,platform.deviceGBId, platform.name, platform.catalogId, platform.treeType, this.initData) |
| | | }, |
| | | initData: function() { |
| | | this.getPlatformList(); |
| | |
| | | method: 'get', |
| | | url:`/api/platform/query/${that.count}/${that.currentPage}` |
| | | }).then(function (res) { |
| | | that.total = res.data.total; |
| | | that.platformList = res.data.list; |
| | | if (res.data.code === 0) { |
| | | that.total = res.data.data.total; |
| | | that.platformList = res.data.data.list; |
| | | } |
| | | |
| | | }).catch(function (error) { |
| | | console.log(error); |
| | | }); |
| | | |
| | | }, |
| | | refresh: function (){ |
| | | this.initData(); |
| | | } |
| | | |
| | | } |