style:高拍仪

 <!--
 <!--
  * @Description:
  * @Description:
  * @Autor: renchao
  * @Autor: renchao
- * @LastEditTime: 2023-12-13 13:44:24
+ * @LastEditTime: 2023-12-14 16:42:28
 -->
 -->
 <template>
 <template>
   <div class="rlPopup">
   <div class="rlPopup">
@@ -12,8 +12,8 @@
       <i class="el-icon-arrow-right"></i>
       <i class="el-icon-arrow-right"></i>
     </div>
     </div>
     <div class="img-list-wrap" v-Loading="loading">
     <div class="img-list-wrap" v-Loading="loading">
-      <img id="photo" src="" v-show="isScan && this.BASE_API.gaopaiyi=='jy'" alt="高拍仪捷宇">
-      <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-if="isScan && this.BASE_API.gaopaiyi=='lt'" alt="高拍仪良田">
+      <img id="photo" src="" v-if="isScan && this.BASE_API.gaopaiyi=='jy'" alt="高拍仪捷宇">
+      <img src="http://127.0.0.1:38088/video=stream&camidx=0" v-else-if="isScan && this.BASE_API.gaopaiyi=='lt'" alt="高拍仪良田">
       <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
       <div v-for="(img, i) in previewImg.imgList" :key="i" v-else>
         <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
         <photo-zoom :url="img.fjurl" :bigWidth="165" v-if="i === previewImg.index" :scale="2"
           overlayStyle="width: 100%;height:100%">
           overlayStyle="width: 100%;height:100%">
@@ -109,37 +109,9 @@
       }
       }
     },
     },
     created () {
     created () {
-      let that = this
       this.maxLength = 0;
       this.maxLength = 0;
       this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
       this.allLi = _.cloneDeep(this.previewImg.imgList).map(item => item.fjurl)
       this.thumbnailImages = this.previewImg.imgList
       this.thumbnailImages = this.previewImg.imgList
-      if (this.BASE_API.gaopaiyi == 'jy') {
-        this.webSocket = new WebSocket('ws://localhost:1818');
-        this.webSocket.onmessage = function (event) {
-          let begin_data = "data:image/jpeg;base64,";
-          document.getElementById('photo').src = begin_data + event.data;
-          if (event.data.indexOf('BeginsGetBase64') >= 0) {
-            let blob = that.dataURLtoBlob('data:image/png;base64,' + event.data.replace('BeginsGetBase64', '').replace('EndsGetBase64', ''));
-            let file = that.blobToFile(blob);
-            var formData = new FormData();
-            formData.append('file', file)
-            formData.append("bsmSj", that.previewImg.bsmSj);
-            formData.append("bsmSlsq", that.previewImg.bsmSlsq);
-            if (that.previewImg.imgList.length > 0) {
-              formData.append("ssBsmClmx", that.previewImg.imgList[that.previewImg.index].bsmClmx);
-            }
-            uploadSjClmx(formData).then((res) => {
-              if (res.code == 200) {
-                that.$emit('updateList', { children: res.result, bsmSj: that.previewImg.bsmSj })
-                that.$message({
-                  message: '上传成功!',
-                  type: 'success'
-                })
-              }
-            })
-          }
-        }
-      }
     },
     },
     computed: {
     computed: {
       isFirst () {
       isFirst () {
@@ -155,6 +127,7 @@
        * @author: renchao
        * @author: renchao
        */
        */
       handleOpenScan () {
       handleOpenScan () {
+        let that = this
         this.isScan = !this.isScan
         this.isScan = !this.isScan
         if (this.isScan) {
         if (this.isScan) {
           this.loading = true
           this.loading = true
@@ -169,6 +142,38 @@
         } else {
         } else {
           this.scanTitle = '打开高拍仪'
           this.scanTitle = '打开高拍仪'
         }
         }
+        if (this.BASE_API.gaopaiyi == 'jy') {
+          let webSocket = new WebSocket('ws://localhost:1818');
+          this.webSocket = webSocket
+          webSocket.onopen = function (event) {
+            webSocket.send('bStartPlay')
+            webSocket.send('vSetPreviewRect(1600,1200)')
+          };
+          webSocket.onmessage = function (event) {
+            let begin_data = "data:image/jpeg;base64,";
+            document.getElementById('photo').src = begin_data + event.data;
+            if (event.data.indexOf('BeginsGetBase64') >= 0) {
+              let blob = that.dataURLtoBlob('data:image/png;base64,' + event.data.replace('BeginsGetBase64', '').replace('EndsGetBase64', ''));
+              let file = that.blobToFile(blob);
+              var formData = new FormData();
+              formData.append('file', file)
+              formData.append("bsmSj", that.previewImg.bsmSj);
+              formData.append("bsmSlsq", that.previewImg.bsmSlsq);
+              if (that.previewImg.imgList.length > 0) {
+                formData.append("ssBsmClmx", that.previewImg.imgList[that.previewImg.index].bsmClmx);
+              }
+              uploadSjClmx(formData).then((res) => {
+                if (res.code == 200) {
+                  that.$emit('updateList', { children: res.result, bsmSj: that.previewImg.bsmSj })
+                  that.$message({
+                    message: '上传成功!',
+                    type: 'success'
+                  })
+                }
+              })
+            }
+          }
+        }
       },
       },
       // 左右移动
       // 左右移动
       handleMove (direction) {
       handleMove (direction) {