bug修改

zhanghua

2023-09-26 227f1be31f28308de0ee7ce86cdc88f2c9aae1cd

 src/views/systemSetting/device/point/index.vue

@@ -4,8 +4,8 @@
      <department-aside @selectedDepartment="selectedDepartment" />
    </el-aside>

    <el-container>
      <el-header style="display: flex; flex-direction: column; height: 120px">
    <el-container class="point-container">
      <el-header style="display: flex; flex-direction: column; height: 120px;padding: 0 40px">
        <div
          style="display: flex; justify-content: space-between; height: 80px"
        >
@@ -28,7 +28,7 @@
        <div
          v-for="item in videoData"
          :key="item.id"
          style="position: relative"
          style="position: relative;height:350px"
        >
          <div class="video-title">{{ item.name }}{{ item.community }}</div>

@@ -104,11 +104,11 @@
        .catch((err) => this.$message.error(err));
    },
    loadVideo(item) {
      if (item.platResourceId) {
      if (item.code) {
        if (Hls.isSupported()) {
          var video = document.getElementById(item.id);
          var hls = new Hls();
          videoPoint.getVideoPointUrl(item.platResourceId).then((res) => {
          videoPoint.getVideoPointUrl(item.code).then((res) => {
            if (res.code === 0) {
              hls.loadSource(res.data);
              hls.attachMedia(video);
@@ -153,10 +153,15 @@
};
</script>
<style lang="scss" scoped>
.point-container{
  margin-left: 5px;
  border: 1px solid #ccc;
  padding: 10px;
}
.button-one {
  height: 40px;
  width: 80px;
  margin-left: 20px;
  //margin-left: 20px;
  padding: 0;
  // background-color: #09152f;
  color: rgb(75, 155, 183);
@@ -309,4 +314,4 @@
video::-webkit-media-controls-toggle-closed-captions-button {
  display: none;
}
</style>
</style>