图像可视化修改

src/views/checkManage/checkOperation.vue

@@ -90,7 +90,32 @@
                     
                     <div
                         class="img-box"
-                        style="width: 100%;"
+                        style="width: 40%;"
+                    >
+                        <div class="carousel-wrapper">
+
+                            <div
+                            
+                                :key="ite"
+                                style="float:left;height:100%; width:100% ;display: flex; "
+                            >
+
+                            <viewer  :images="actionUrl">
+                                <img
+                                    style="height:100%; width:100% ;"
+                                    :src="actionUrl"
+                                >
+                </viewer>
+                            </div>
+                            
+                        </div>
+                        <span>随行图像</span>
+                       
+                    </div>
+
+                    <div
+                        class="img-box"
+                        style="width: 40%;"
                     >
                         <div class="carousel-wrapper">
 
@@ -109,8 +134,9 @@
                             </div>
                             
                         </div>
+                        <span>盘点图像</span>
+
                        
-                        <p>盘点图</p>
                     </div>
 
                 </div>
@@ -142,7 +168,7 @@
                     3D点云信息
                 </a-button> -->
 
-                <a-button
+                <!-- <a-button
                     class="btn"
                     type="primary"
                     style="background:#29c12b;border-color:#29c12b;"
@@ -166,13 +192,13 @@
 
                             <img
                                 style="width:700px ;"
-                                :src="checkObj.preoperationPic"
+                                :src="checkPics[0].substring(0, str.length - 4)"
                             >
                         </div>
                     </a-modal>
 
                     随行图像
-                </a-button>
+                </a-button> -->
                 <!-- <a-button
                     class="btn"
                     type="primary"
@@ -211,11 +237,12 @@ export default {
             modelData: {},
             index: 0,
             imgUrl: "",
+            actionUrl: "",
             categorys: {},
             params: [
                 {
                     label: "个数",
-                    key: "wmsCount",
+                    key: "count",
                 },
                 // {
                 //     label: "上位品规",
@@ -323,6 +350,7 @@ export default {
                         this.checkObj = res.data;
                         var pic = this.checkObj.checkPic;
                         this.checkPics = pic.toString().split(";");
+                        this.actionUrl = pic.slice(0, -8);
                         this.pcd = res.data.pcd;
                         this.$forceUpdate();
                     }
@@ -433,8 +461,10 @@ export default {
                         this.streetId = res.data.streetId;
                         this.streetName = res.data.streetName;
                         var pic = this.checkObj.checkPic;
+
                         this.checkPics = pic.toString().split(";");
 
+                        this.actionUrl = pic.slice(0, -4);
                         console.log(this.checkPics);
                         this.$forceUpdate();
                     } else {
@@ -491,7 +521,7 @@ export default {
                 justify-content: center;
                 flex-direction: column;
                 font-size: 17px;
-                height: 900px;
+                height: 700px;
                 margin-right: 10px;
                 img {
                     height: 100%;

src/views/checkManage/index.vue

@@ -107,7 +107,7 @@
             </a-select>
         </div>
 
-        <a-col :span="20">
+        <a-col :span="24">
             <!--左货架DOM-->
             <div class="center-box">
                 <span class="shelf-number"> 左侧货架 </span>
@@ -168,7 +168,7 @@
                 </subsection>
             </div>
         </a-col>
-        <a-col :span="4">
+        <!-- <a-col :span="4">
             <div
                         class="img-box"
                         style=""
@@ -246,7 +246,7 @@
                             </li>
                         </ul>
             </div>
-        </a-col>
+        </a-col> -->
         <!-- websocket推送信息 -->
         <!-- <a-col :span="6" style="height: 80vh; overflow-y: scroll">
             <a-timeline style="margin: 20px">