修改盘点管理库位展示

src/views/checkManage/checkOperation.vue

@@ -30,48 +30,45 @@
                             </li>
                         </ul>
                     </div>
-                    <div >
+                    <div class="img-box">
                         <a-row type="flex" justify="space-around"  style="height:300,margin-left:400">
-                    <a-col :span="4">
+                            <a-col :span="12">
                                 <p>顶部图片1</p>
-                        <viewer >
+                                <viewer :images = "checkObj.topPic1">
                                     <img class="historyImg" :src="checkObj.topPic1"/>
                                 </viewer>
                             </a-col>
-                    <a-col :span="4">
+                            <a-col :span="12">
                                 <p>顶部图片2</p>
-                        <viewer >
+                                <viewer :images = "checkObj.topPic2">
                                     <img class="historyImg" :src="checkObj.topPic2"/>
                                 </viewer>
                             </a-col>
                         </a-row>
                         <a-row type="flex" justify="space-around" align="middle" style="height:300">
-                    
-                    
-                    <a-col :span="4">
+                            <a-col :span="12">
                                 <p>侧面图片1</p>
-                        <viewer >
+                                <viewer :images = "checkObj.sidePic1">
                                     <img class="historyImg" :src="checkObj.sidePic1"/>
                                 </viewer>
                             </a-col>
-                    <a-col :span="4">
+                            <a-col :span="12">
                                 <p>侧面图片2</p>
-                        <viewer >
+                                <viewer :images = "checkObj.sidePic2">
                                     <img class="historyImg" :src="checkObj.sidePic2"/>
                                 </viewer>
                             </a-col>
                         </a-row>
                         <a-row type="flex" justify="space-around" align="middle" style="height:300">
-                
-                    <a-col :span="4">
+                            <a-col :span="12">
                                 <p>侧面图片3</p>
-                        <viewer >
+                                <viewer :images = "checkObj.sidePic3">
                                     <img class="historyImg" :src="checkObj.sidePic3"/>
                                 </viewer>
                             </a-col>
-                    <a-col :span="4">
+                            <a-col :span="12">
                                 <p>侧面图片4</p>
-                        <viewer >
+                                <viewer :images = "checkObj.sidePic4">
                                     <img class="historyImg" :src="checkObj.sidePic4"/>
                                 </viewer>
                             </a-col>