From 7408c87193c22b4a98b24879706727d8f0a88964 Mon Sep 17 00:00:00 2001
From: yiming <wang.yiming@hzleaper.com>
Date: Wed, 11 May 2022 14:47:42 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=98=E7=82=B9=E6=93=8D=E4=BD=9C=E5=8E=BB?=
 =?UTF-8?q?=E6=8E=89=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/checkManage/checkOperation.vue | 205 ++++++++---------------
 1 file changed, 71 insertions(+), 134 deletions(-)

diff --git a/src/views/checkManage/checkOperation.vue b/src/views/checkManage/checkOperation.vue
index 8c55054..0863030 100644
--- a/src/views/checkManage/checkOperation.vue
+++ b/src/views/checkManage/checkOperation.vue
@@ -1,144 +1,81 @@
 <template>
     <div class="checkOperation">
-        <div class="topMenu">
-            <a-select v-if="listData[0]"
-                      :default-value="selectName"
-                      style="width:160px;margin-right:25px"
-                      @change="handleChange"
-                      class="select-roadway">
-                <a-select-option v-for="i in listData" :key="i.name" :value="i.id">
-                    {{i.name}}
-                </a-select-option>
-            </a-select>
-            <a-select
-                @change="handleTypeChange"
-                style="width: 160px;margin-right:25px"
-                :value="selectType">
-                <a-select-option value="left">
-                    左货架
-                </a-select-option>
-                <a-select-option value="right">
-                    右货架
-                </a-select-option>
-            </a-select>
-            <a-select
-                @change="sideStreetChange"
-                style="width: 160px"
-                :value="selectType2"
-                v-if="selectType2 !== 'none' && selectType2 !== '' "
-            >
-                <a-select-option value="out">
-                    外
-                </a-select-option>
-                <a-select-option value="inside">
-                    内
-                </a-select-option>
-            </a-select>
-            <span>
-                货架号 : {{ shelveId }}
-            </span>
-        </div>
+
         <div>
-        <div class="carousel-page"
-                >
-            
-            <div class="carousel-page-content">
-                <div class="img-box">
-                    <ul>
-                        <li>
-                            <span class="img-box-title">
-                                核对状态:
-                            </span>
-                            <span class="img-box-value">
-                                {{ statusMap[checkObj.status] }}
-                            </span>
-                        </li>
-                        <li v-for="item in params" :key="item.label">
-            
-                            <span class="img-box-title">
-                                {{ item.label }}:
-                            </span>
-                            <span class="img-box-value">
-                                {{ checkObj[item.key] }}
-                            </span>
-                        </li>
-                        <!-- <li>
-                            <span class="img-box-title">
-                                盘点图:
-                            </span>
-                            
-                        </li>
-                        <template>
-                            <span v-if="checkObj.checkPic">
-                                <happy-scroll color="rgba(100,100,100,0.5)" size="1" class="scroll-box" style="width:50;height:90px;">
-                                    <viewer>
-                                        <img class="historyImg" :src="imgUrl+checkObj.checkPic"/>
-                                    </viewer>
-                                </happy-scroll>
-                            </span>
-                            <span v-else>
-                                暂无盘点图
-                            </span>
-                        </template> -->
-                    </ul>
-                    
-                </div>
-                <div class="img-box">
-                    <img
-                        v-if="checkObj.checkPic"
-                        :src="imgUrl+checkObj.checkPic"
-                        style="width: 100%;height: 358px"
-                        alt=""/>
-                    <div
-                        v-else
-                        style="display: flex;align-items: center;justify-content: center;width:600px;height:400px;background:#eaeaea">
-                        暂无图片
+            <div class="carousel-page">
+                <div class="carousel-page-content">
+                    <div class="img-box">
+                        <ul>
+                            <li>
+                                <span class="img-box-title">
+                                    核对状态:
+                                </span>
+                                <span class="img-box-value">
+                                    {{ statusMap[checkObj.status] }}
+                                </span>
+                            </li>
+                            <li v-for="item in params" :key="item.label">
+                
+                                <span class="img-box-title">
+                                    {{ item.label }}:
+                                </span>
+                                <span class="img-box-value">
+                                    {{ checkObj[item.key] }}
+                                </span>
+                            </li>
+                        </ul>
                     </div>
-                    <p>盘点图</p>
-                </div>
-                <div class="img-box">
-                    <img
-                        v-if="checkObj.preoperationPic"
-                        :src="imgUrl+checkObj.preoperationPic"
-                        style="width: 100%;height: 358px"
-                        alt=""/>
-                    <div
-                        v-else
-                        style="display: flex;align-items: center;justify-content: center;width:600px;height:400px;background:#eaeaea">
-                        暂无图片
+                    <div class="img-box">
+                            <viewer v-if="checkObj.checkPic" style="height: 300px">
+                                <img :src="imgUrl+checkObj.checkPic"/>
+                            </viewer>
+                        <div
+                            v-else
+                            style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
+                            暂无图片
+                        </div>
+                        <p>盘点图</p>
                     </div>
-                    <p>操作前照片</p>
-                </div>
-                <div class="img-box">
-                    <img
-                        v-if="checkObj.overoperationPic"
-                        :src="imgUrl+checkObj.overoperationPic"
-                        style="width: 100%;height: 358px"
-                        alt=""/>
-                    <div
-                        v-else
-                        style="display: flex;align-items: center;justify-content: center;width:600px;height:400px;background:#eaeaea">
-                        暂无图片
+                    <div class="img-box">
+                        <viewer v-if="checkObj.preoperationPic" style="height:300px;">
+                            <img  :src="imgUrl+checkObj.preoperationPic"/>
+                        </viewer>
+                        
+                        <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"/>
+                        </viewer>
+                        
+                        <div
+                            v-else
+                            style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
+                            暂无图片
+                        </div>
+                        <p>操作后照片</p>
                     </div>
-                    <p>操作后照片</p>
                 </div>
             </div>
-        </div>
-        <div class="bottom-btn" >
-            <a-button class="btn"
-                    type="primary"
-                    style="background:#29c12b;border-color:#29c12b;"
-                    @click="checkSure(checkObj.row,checkObj.column,checkObj.shelveId,index)"
-            >核对
-            </a-button>
-        </div>
-        <div class="bottom-btn"
-            >
-            <a-button class="btn" @click="prev()">＜上一个</a-button>
-            <p>{{checkObj.row}}行{{checkObj.column}}列</p>
-            <a-button class="btn" @click="next()">下一个＞
-            </a-button>
-        </div>
+            <div class="bottom-btn" >
+                <a-button class="btn"
+                        type="primary"
+                        style="background:#29c12b;border-color:#29c12b;"
+                        @click="checkSure(checkObj.row,checkObj.column,checkObj.shelveId,index)"
+                >核对
+                </a-button>
+            </div>
+            <!-- <div class="bottom-btn"
+                >
+                <a-button class="btn" @click="prev()">＜上一个</a-button>
+                <p>{{checkObj.row}}行{{checkObj.column}}列</p>
+                <a-button class="btn" @click="next()">下一个＞
+                </a-button>
+            </div> -->
         </div>
        
 
@@ -527,7 +464,7 @@ export default {
                             height: 25px;
                         }
                         ul {
-                            width: 400px;
+                            width: 100% / 4;
                             height: 100%;
                             margin-bottom: 0;
                             padding-inline-start: 0;