盘点管理6张图片

src/views/checkManage/checkOperation.vue

@@ -30,43 +30,58 @@
                             </li>
                         </ul>
                     </div>
-                    <div class="img-box">
+                    <div >
-                            <viewer v-if="checkObj.checkPic" style="height: 300px">
+                <a-row type="flex" justify="space-around"  style="height:300,margin-left:400">
-                                <img :src="imgUrl+checkObj.checkPic"/>
+                    <a-col :span="4">
-                            </viewer>
+                        <p>顶部图片1</p>
-                        <div
+                        <viewer >
-                            v-else
+                            <img class="historyImg" :src="checkObj.topPic1"/>
-                            style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
+                        </viewer>
-                            暂无图片
+                    </a-col>
-                        </div>
+                    <a-col :span="4">
-                        <p>盘点图</p>
+                        <p>顶部图片2</p>
-                    </div>
+                        <viewer >
-                    <div class="img-box">
+                            <img class="historyImg" :src="checkObj.topPic2"/>
-                        <viewer v-if="checkObj.preoperationPic" style="height:300px;">
-                            <img  :src="imgUrl+checkObj.preoperationPic"/>
                         </viewer>
+                    </a-col>
+                </a-row>
+                <a-row type="flex" justify="space-around" align="middle" style="height:300">
                     
-                        <div v-else  style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
-                            暂无图片
-                        </div>
-                        <p>操作前照片</p>
-                    </div>
-                    <div class="img-box">
-                        <viewer v-if="checkObj.overoperationPic" style="width:100%;height:300px;">
                     
-                            <img  :src="imgUrl+checkObj.overoperationPic"/>
+                    <a-col :span="4">
+                        <p>侧面图片1</p>
+                        <viewer >
+                            <img class="historyImg" :src="checkObj.sidePic1"/>
                         </viewer>
-                        
+                    </a-col>
-                        <div
+                    <a-col :span="4">
-                            v-else
+                        <p>侧面图片2</p>
-                            style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
+                        <viewer >
-                            暂无图片
+                            <img class="historyImg" :src="checkObj.sidePic2"/>
-                        </div>
+                        </viewer>
-                        <p>操作后照片</p>
+                    </a-col>
-                    </div>
+                </a-row>
+                <a-row type="flex" justify="space-around" align="middle" style="height:300">
+                
+                    <a-col :span="4">
+                        <p>侧面图片3</p>
+                        <viewer >
+                            <img class="historyImg" :src="checkObj.sidePic3"/>
+                        </viewer>
+                    </a-col>
+                    <a-col :span="4">
+                        <p>侧面图片4</p>
+                        <viewer >
+                            <img class="historyImg" :src="checkObj.sidePic4"/>
+                        </viewer>
+                    </a-col>
+                </a-row>
+            </div>
                 </div>
             </div>
-            <div class="bottom-btn" >
+            <!-- 
+
+ <div class="bottom-btn" >
                 <a-button class="btn"
                         type="primary"
                         style="background:#29c12b;border-color:#29c12b;"
@@ -74,6 +89,8 @@
                 >核对
                 </a-button>
             </div>
+            -->
+           
             
         </div>
        

src/views/historyMonitoring/index.vue

@@ -42,7 +42,7 @@
 
             <template>
                 <span style="height:100%;">
-                    <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;">
+                    <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="height:30px;">
                       
                         <img class="historyImg"  :src="imgUrl+text.intoStockPic"
                                 />
@@ -56,7 +56,7 @@
 
             <template>
                 <span style="height:100%;">
-                    <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="width:320px;height:90px;">
+                    <happy-scroll color="rgba(100,100,100,0.5)" size="8" class="scroll-box" style="height:30px;">
                       
                         <img class="historyImg"  :src="imgUrl+text.intoStockOverPic"
                                 />
@@ -117,11 +117,10 @@ export default {
                     dataIndex: "goodsLocation",
                 },
                 {
-                    title: "入库照片",
+                    title: "入库顶部照片",
                     
                     scopedSlots: {customRender: 'intoStockPic'},
-                    width:320,
+                    width:200
-                    width:320,
                 },
                 {
                     title: "入库时间",
@@ -131,7 +130,7 @@ export default {
                     title: "入库完成照片",
                     // dataIndex: "pic",
                     scopedSlots: {customRender: 'intoStockOverPic'},
-                    width:320,
+                    width:200,
                 },
                 {
                     title: "入库完成时间",
@@ -140,8 +139,6 @@ export default {
                 
             ],
             visible: false,
-            vid1: '',
-            vid2: ''
         }
     },
     mounted() {

vue.config.js

@@ -32,7 +32,7 @@ module.exports = {
                 }
             },
             '/api/pic': {
-                target: 'http://192.168.77.91:9007/api/pic',
+                target: 'http://127.0.0.1:9007/api/pic',
                 logLevel:'debug',
                 pathRewrite:{
                     '/api/pic':''