优化通道列表按钮排列

pull/1400/head
648540858 2024-03-28 23:06:27 +08:00
parent 1de344674a
commit d34371a9f9
1 changed files with 25 additions and 7 deletions

View File

@ -178,13 +178,24 @@
@click="changeSubchannel(scope.row)">查看 @click="changeSubchannel(scope.row)">查看
</el-button> </el-button>
<el-divider v-if="scope.row.subCount > 0 || scope.row.parental === 1" direction="vertical"></el-divider> <el-divider v-if="scope.row.subCount > 0 || scope.row.parental === 1" direction="vertical"></el-divider>
<el-button size="medium" v-bind:disabled="device == null || device.online === 0" <!-- <el-button size="medium" v-bind:disabled="device == null || device.online === 0"-->
icon="el-icon-video-camera" <!-- icon="el-icon-video-camera"-->
type="text" @click="queryRecords(scope.row)">设备录像 <!-- type="text" @click="queryRecords(scope.row)">设备录像-->
</el-button> <!-- </el-button>-->
<el-button size="medium" v-bind:disabled="device == null || device.online === 0" icon="el-icon-cloudy" <!-- <el-button size="medium" v-bind:disabled="device == null || device.online === 0" icon="el-icon-cloudy"-->
type="text" @click="queryCloudRecords(scope.row)">云端录像 <!-- type="text" @click="queryCloudRecords(scope.row)">云端录像-->
<!-- </el-button>-->
<el-dropdown @command="(command)=>{moreClick(command, scope.row)}">
<el-button size="medium" type="text" >
更多功能<i class="el-icon-arrow-down el-icon--right"></i>
</el-button> </el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="records" v-bind:disabled="device == null || device.online === 0">
设备录像</el-dropdown-item>
<el-dropdown-item command="cloudRecords" v-bind:disabled="device == null || device.online === 0" >
云端录像</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -372,6 +383,13 @@ export default {
// that.$message.error(""); // that.$message.error("");
}); });
}, },
moreClick: function (command, itemData) {
if (command === "records") {
this.queryRecords(itemData)
}else if (command === "cloudRecords") {
this.queryCloudRecords(itemData)
}
},
queryRecords: function (itemData) { queryRecords: function (itemData) {
let deviceId = this.deviceId; let deviceId = this.deviceId;
let channelId = itemData.channelId; let channelId = itemData.channelId;