强制横屏

src/views/components/carouselChart.vue

@@ -8,6 +8,7 @@
 
       <div
         class="bigimg"
+        :class="nopicClass ? 'picNo' : ''"
         v-if="
           bigPicPath.indexOf('nopic') == -1 &&
           bigPicPath.indexOf('videos') == -1
@@ -259,6 +260,7 @@ export default {
       canvasloading: false,
       bigImgPath: "",
       picRadio: "", //图片分辨率
+      nopicClass: false,
     };
   },
   mounted() {
@@ -301,8 +303,10 @@ export default {
   created() {},
   methods: {
     setDefaultImage(e) {
-      e.target.src = defaultImage;
-      this.bigPicPath = defaultImage;
+      console.log(e);
+      if (e.isTrusted) {
+        e.target.src = defaultImage;
+      }
     },
     async downLoadPic(path, name) {
       const imgUrl = path;
@@ -433,9 +437,17 @@ export default {
       this.canvas = this.$refs.myCanvas;
       this.imgpic = this.$refs.picJpg;
       console.log(this.canvas);
-      console.log(this.imgpic);
+      console.log(this.imgpic.src);
+      if (this.imgpic.src.indexOf("nodatapic") !== -1) {
+        console.log("aaa");
+        this.nopicClass = true;
+      } else {
+        this.nopicClass = false;
+        console.log("bbb");
+      }
       this.canvas.width = this.imgpic.offsetWidth; //设置画布大小
       this.canvas.height = this.imgpic.offsetHeight; //设置画布大小
+
       this.ctx = this.canvas.getContext("2d");
       console.log(this.localPoints);
       if (this.flagline == true) {
@@ -547,11 +559,14 @@ export default {
     //点击小图变成大图
     handleBigpic(row, index) {
       console.log(row);
-      console.log();
       this.activeSmall = index;
       this.mediaType = row.mediaType;
+      console.log(this.$refs.picJpg);
       this.bigPicPath = row.path + "!1366x768";
+
       this.picRadio = row.width + "x" + row.height;
+
+      console.log();
       // this.bgbigPath = row.path + "!1366x768";
       getCoordinate({
         channelId: row.channelId,
@@ -715,6 +730,16 @@ export default {
         z-index: 2;
       }
     }
+    .picNo {
+      .bigimgView {
+        opacity: 1;
+        .animImg {
+          opacity: 1;
+          cursor: default;
+          pointer-events: none;
+        }
+      }
+    }
     img {
       width: 100%;
       height: 100%;