From 401524fb5661d57ffb2229d683fe4de85b65fd1c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期四, 31 八月 2023 17:54:24 +0800
Subject: [PATCH] 生产管理看板+删不需要的文件

---
 src/components/canvas/index.vue |   47 ++++++++++++++++++++++++++++++-----------------
 1 files changed, 30 insertions(+), 17 deletions(-)

diff --git a/src/components/canvas/index.vue b/src/components/canvas/index.vue
index cd8f3b5..7e4e217 100644
--- a/src/components/canvas/index.vue
+++ b/src/components/canvas/index.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="s-cavas">
+  <div class="s-cavas" :style="{width:canvasWidth+'px',height:canvasHeight+'px'}">
     <canvas
       ref="myCanvas"
       :width="canvasWidth"
       :height="canvasHeight"
-      :style="`background:url(${canvasBg}) center / 576px 324px no-repeat; background-size: contain;`"
+      :style="`background:url(${canvasBg}) center / ${canvasWidth}px ${canvasHeight}px no-repeat; background-size: contain;`"
     ></canvas>
 
     <el-tooltip content="鍒锋柊搴曞浘" placement="bottom" popper-class="atooltip" v-if="isShowRefresh">
@@ -93,17 +93,27 @@
     canvasHeight: {
       type: Number,
       default: 324
+    },
+    showProportion: {
+      type: Number,
+      default: 1.666
     }
   },
-  computed:{
-    canvasBg(){
-      if(this.snapshot_url){
-        if(this.sourceType == 2){
-          return `/files/${this.snapshot_url}`
-        }else{
-          return `/httpImage/${this.snapshot_url}`
+  computed: {
+    canvasBg() {
+      if (this.snapshot_url) {
+        // 鏁版嵁鏍堣嚜鍔ㄤ笂浼犲鐞�
+        if (this.snapshot_url.indexOf("/opt/vasystem") == 0) {
+          return this.snapshot_url.replace("/opt/vasystem", "");
         }
-      }else{
+
+        if (this.sourceType == 2) {
+          return `${this.snapshot_url}`;
+        } else {
+          return `/httpImage/${this.snapshot_url}`;
+        }
+
+      } else {
         return this.blackImg;
       }
     }
@@ -124,7 +134,7 @@
       ctx: null,
       visible: false,
       baseImg: undefined,
-      showProportion: 1.666
+      //showProportion: 1.666
     };
   },
   watch: {
@@ -165,11 +175,12 @@
       // this.$emit('changeBaseImg',this.currentCameraId)
       this.$emit('changeLoading', true)
       if (this.currentCameraId) {
+        let _this = this;
         await updateSnapshot(this.currentCameraId)
           .then(res => {
-            if (res.data.cameraId === this.currentCameraId) {
+            if (res.data.cameraId === _this.currentCameraId) {
               this.baseImg = res.data.snapshotUrl;
-              this.$emit('refresh', res.data.snapshotUrl)
+              this.$emit('refresh', res.data.snapshotUrl, _this.currentCameraId)
               this.$forceUpdate()
               this.$notify({
                 type: "success",
@@ -192,10 +203,11 @@
       this.$nextTick(() => {
         // this.$refs.bigCanvas.delCursor = {}
       })
+
     },
     cancelFunc() {
       this.visible = false;
-      this.$refs.bigCanvas.cancel()
+      this.$refs.bigCanvas.cancel();
       // console.log("鍏抽棴浜�");
     },
     handleOk() {
@@ -219,6 +231,7 @@
       // 椤轰究鐢╁埌鏇村灞傚幓
       this.$emit("fromCanvas", this.$refs.bigCanvas.canvasData);
       // console.log("浣犲ソ", this.canvasData);
+
       this.clickSelect(this.canvasData);
       this.visible = false;
     },
@@ -494,14 +507,14 @@
 };
 </script>
 <style lang="scss" scoped>
-canvas{
+canvas {
   position: absolute;
   top: 0;
   left: 0;
 }
 .s-cavas {
-  width: 576px;
-  height: 324px;
+  // width: 576px;
+  // height: 324px;
   margin-top: 10px;
   position: relative;
   overflow: auto;

--
Gitblit v1.8.0