修改扫码样式

src/layout/index/top/index.vue

@@ -24,25 +24,28 @@
           @keyup.enter.native="payCode" placeholder="扫码枪内容"></el-input>
         <div v-show="isOpenCodeGun">扫码枪已连接</div>
         <div v-show="!isOpenCodeGun" @click="setCodeGun">点我扫码</div>
-        <el-dialog title="扫描二维码" :visible.sync="smAlert">
-          <el-button v-hasPermission="`acquisitionManagement.acquisitionQuality.initial`"
-            v-if="btnStatus.status1||btnStatus.status2" @click="goToPage(1)">去初检
-          </el-button>
-          <el-button v-hasPermission="`acquisitionManagement.acquisitionQuality.con`"
-            v-if="btnStatus.status3||btnStatus.status4" v-show="toPageData.qualityInspectionManagement.confirm != '1'"  @click="goToPage(2)">去确认质检
-          </el-button>
-          <el-button v-hasPermission="`acquisitionManagement.acquisitionQuality.again`"
-            v-if="btnStatus.status1||btnStatus.status2||btnStatus.status3||btnStatus.status4" v-show="toPageData.qualityInspectionManagement.confirm != '1'" @click="goToPage(3)">去复检
-          </el-button>
-          <el-button v-hasPermission="`acquisitionManagement.acquisitionWeight.mao`"
-            v-if="btnStatus.status1||btnStatus.status2||btnStatus.status3" @click="goToPage(4)">去称毛重
-          </el-button>
-          <el-button v-hasPermission="`acquisitionManagement.acquisitionPay.add`" v-if="btnStatus.status5"
-            @click="goToPage(5)">去结算</el-button>
-          <el-button v-hasPermission="`acquisitionManagement.acquisitionWeight.weight`" 
-            v-if="btnStatus.status2||btnStatus.status3||btnStatus.status4||btnStatus.status5" @click="goToPage(6)" v-show="toPageData.qualityInspectionManagement.confirm != '1'">去称皮重
-          </el-button>
-          <el-button @click="smAlert = false" class="btn">关闭</el-button>
+        <!--  -->
+        <el-dialog title="扫描二维码" :visible.sync="smAlert" width="300">
+          <div class="btn-list">
+            <el-button v-hasPermission="`acquisitionManagement.acquisitionQuality.initial`"
+                v-if="btnStatus.status1||btnStatus.status2" @click="goToPage(1)">去初检
+              </el-button>
+              <el-button v-hasPermission="`acquisitionManagement.acquisitionQuality.con`"
+                v-if="btnStatus.status3||btnStatus.status4" v-show="toPageData.qualityInspectionManagement.confirm != '1'"  @click="goToPage(2)">去确认质检
+              </el-button>
+              <el-button v-hasPermission="`acquisitionManagement.acquisitionQuality.again`"
+                v-if="btnStatus.status1||btnStatus.status2||btnStatus.status3||btnStatus.status4" v-show="toPageData.qualityInspectionManagement.confirm != '1'" @click="goToPage(3)">去复检
+              </el-button>
+              <el-button v-hasPermission="`acquisitionManagement.acquisitionWeight.mao`"
+                v-if="btnStatus.status1||btnStatus.status2||btnStatus.status3" @click="goToPage(4)">去称毛重
+              </el-button>
+              <el-button v-hasPermission="`acquisitionManagement.acquisitionPay.add`" v-if="btnStatus.status5"
+                @click="goToPage(5)">去结算</el-button>
+              <el-button v-hasPermission="`acquisitionManagement.acquisitionWeight.weight`" 
+                v-if="btnStatus.status2||btnStatus.status3||btnStatus.status4||btnStatus.status5" @click="goToPage(6)" v-show="toPageData.qualityInspectionManagement.confirm != '1'">去称皮重
+              </el-button>
+              <el-button @click="smAlert = false" class="btn">关闭</el-button>
+          </div>
         </el-dialog>
       </div>
       <div v-if="getDay" class="right-menu-item hover-effect dayClass">
@@ -738,4 +741,10 @@
     background: #5878e8;
     color: white;
   }
+  .btn-list{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
 </style>