盘点操作去掉选择

src/views/checkManage/checkOperation.vue

@@ -1,47 +1,8 @@
 <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>
+            <div class="carousel-page">
                 <div class="carousel-page-content">
                     <div class="img-box">
                         <ul>
@@ -62,62 +23,38 @@
                                     {{ 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
+                            <viewer v-if="checkObj.checkPic" style="height: 300px">
-                        v-if="checkObj.checkPic"
+                                <img :src="imgUrl+checkObj.checkPic"/>
-                        :src="imgUrl+checkObj.checkPic"
+                            </viewer>
-                        style="width: 100%;height: 358px"
-                        alt=""/>
                         <div
                             v-else
-                        style="display: flex;align-items: center;justify-content: center;width:600px;height:400px;background:#eaeaea">
+                            style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
                             暂无图片
                         </div>
                         <p>盘点图</p>
                     </div>
                     <div class="img-box">
-                    <img
+                        <viewer v-if="checkObj.preoperationPic" style="height:300px;">
-                        v-if="checkObj.preoperationPic"
+                            <img  :src="imgUrl+checkObj.preoperationPic"/>
-                        :src="imgUrl+checkObj.preoperationPic"
+                        </viewer>
-                        style="width: 100%;height: 358px"
+                        
-                        alt=""/>
+                        <div v-else  style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
-                    <div
-                        v-else
-                        style="display: flex;align-items: center;justify-content: center;width:600px;height:400px;background:#eaeaea">
                             暂无图片
                         </div>
                         <p>操作前照片</p>
                     </div>
                     <div class="img-box">
-                    <img
+                        <viewer v-if="checkObj.overoperationPic" style="width:100%;height:300px;">
-                        v-if="checkObj.overoperationPic"
+                            
-                        :src="imgUrl+checkObj.overoperationPic"
+                            <img  :src="imgUrl+checkObj.overoperationPic"/>
-                        style="width: 100%;height: 358px"
+                        </viewer>
-                        alt=""/>
+                        
                         <div
                             v-else
-                        style="display: flex;align-items: center;justify-content: center;width:600px;height:400px;background:#eaeaea">
+                            style="display: flex;align-items: center;justify-content: center;width:100px;height:300px;">
                             暂无图片
                         </div>
                         <p>操作后照片</p>
@@ -132,13 +69,13 @@
                 >核对
                 </a-button>
             </div>
-        <div class="bottom-btn"
+            <!-- <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> -->
         </div>
        
 
@@ -527,7 +464,7 @@ export default {
                             height: 25px;
                         }
                         ul {
-                            width: 400px;
+                            width: 100% / 4;
                             height: 100%;
                             margin-bottom: 0;
                             padding-inline-start: 0;