|  |  |  | 
|---|
|  |  |  | <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(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|