Commit d34371a9f982f75705bfe13ba1630b973db7b382
1 parent
1de34467
优化通道列表按钮排列
Showing
1 changed file
with
25 additions
and
7 deletions
web_src/src/components/channelList.vue
| @@ -178,13 +178,24 @@ | @@ -178,13 +178,24 @@ | ||
| 178 | @click="changeSubchannel(scope.row)">查看 | 178 | @click="changeSubchannel(scope.row)">查看 |
| 179 | </el-button> | 179 | </el-button> |
| 180 | <el-divider v-if="scope.row.subCount > 0 || scope.row.parental === 1" direction="vertical"></el-divider> | 180 | <el-divider v-if="scope.row.subCount > 0 || scope.row.parental === 1" direction="vertical"></el-divider> |
| 181 | - <el-button size="medium" v-bind:disabled="device == null || device.online === 0" | ||
| 182 | - icon="el-icon-video-camera" | ||
| 183 | - type="text" @click="queryRecords(scope.row)">设备录像 | ||
| 184 | - </el-button> | ||
| 185 | - <el-button size="medium" v-bind:disabled="device == null || device.online === 0" icon="el-icon-cloudy" | ||
| 186 | - type="text" @click="queryCloudRecords(scope.row)">云端录像 | ||
| 187 | - </el-button> | 181 | +<!-- <el-button size="medium" v-bind:disabled="device == null || device.online === 0"--> |
| 182 | +<!-- icon="el-icon-video-camera"--> | ||
| 183 | +<!-- type="text" @click="queryRecords(scope.row)">设备录像--> | ||
| 184 | +<!-- </el-button>--> | ||
| 185 | +<!-- <el-button size="medium" v-bind:disabled="device == null || device.online === 0" icon="el-icon-cloudy"--> | ||
| 186 | +<!-- type="text" @click="queryCloudRecords(scope.row)">云端录像--> | ||
| 187 | +<!-- </el-button>--> | ||
| 188 | + <el-dropdown @command="(command)=>{moreClick(command, scope.row)}"> | ||
| 189 | + <el-button size="medium" type="text" > | ||
| 190 | + 更多功能<i class="el-icon-arrow-down el-icon--right"></i> | ||
| 191 | + </el-button> | ||
| 192 | + <el-dropdown-menu slot="dropdown"> | ||
| 193 | + <el-dropdown-item command="records" v-bind:disabled="device == null || device.online === 0"> | ||
| 194 | + 设备录像</el-dropdown-item> | ||
| 195 | + <el-dropdown-item command="cloudRecords" v-bind:disabled="device == null || device.online === 0" > | ||
| 196 | + 云端录像</el-dropdown-item> | ||
| 197 | + </el-dropdown-menu> | ||
| 198 | + </el-dropdown> | ||
| 188 | </template> | 199 | </template> |
| 189 | </el-table-column> | 200 | </el-table-column> |
| 190 | </el-table> | 201 | </el-table> |
| @@ -372,6 +383,13 @@ export default { | @@ -372,6 +383,13 @@ export default { | ||
| 372 | // that.$message.error("请求超时"); | 383 | // that.$message.error("请求超时"); |
| 373 | }); | 384 | }); |
| 374 | }, | 385 | }, |
| 386 | + moreClick: function (command, itemData) { | ||
| 387 | + if (command === "records") { | ||
| 388 | + this.queryRecords(itemData) | ||
| 389 | + }else if (command === "cloudRecords") { | ||
| 390 | + this.queryCloudRecords(itemData) | ||
| 391 | + } | ||
| 392 | + }, | ||
| 375 | queryRecords: function (itemData) { | 393 | queryRecords: function (itemData) { |
| 376 | let deviceId = this.deviceId; | 394 | let deviceId = this.deviceId; |
| 377 | let channelId = itemData.channelId; | 395 | let channelId = itemData.channelId; |