init

src/assets/scss/global.scss

@@ -471,3 +471,9 @@ a:hover{
   flex-shrink: 0;
   margin-bottom: 2px;
 }
+/* 默认$confirm弹出框尺寸 */
+.el-message-box {
+  width: 80% !important;  /* 调整宽度 */
+  max-width: 300px !important;  /* 限制最大宽度 */
+  min-width: 200px !important;  /* 限制最小宽度 */
+}

src/views/main.vue

@@ -106,6 +106,11 @@ export default {
     },
     // 退出
     logoutHandle() {
+      this.$confirm('确定退出?', '提示', {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
         this.$http({
           url: this.$http.adornUrl('/sys/logout'),
           method: 'post',
@@ -116,6 +121,8 @@ export default {
             this.$router.push({name: 'login'})
           }
         })
+      }).catch(() => {
+      })
     },
   }
 }
@@ -197,10 +204,10 @@ export default {
 
 @media (max-width: 480px) {
   .button-icon {
-    font-size: 30px;
+    font-size: 20px;
   }
   .button-label {
-    font-size: 18px;
+    font-size: 14px;
   }
 }
 </style>

src/views/modules/recv/po-recv.vue

@@ -179,10 +179,10 @@ export default {
 
 @media (max-width: 480px) {
   .button-icon {
-    font-size: 30px;
+    font-size: 20px;
   }
   .button-label {
-    font-size: 18px;
+    font-size: 14px;
   }
 }
 </style>

src/views/modules/recv/recv.vue

@@ -1,4 +1,5 @@
 <template>
+  <div>
   <div class="pda-receipt">
     <div class="status-bar">
       <div class="time">{{ new Date().toTimeString().substr(0, 5) }}</div>
@@ -35,12 +36,35 @@
       确认收货 ({{ totalQty }})
     </el-button>
   </div>
+    <el-dialog
+      style="font-size: 12px"
+      v-drag
+      :title="'Dialog'"
+      :visible.sync="siteVisible"
+      width="260px" :append-to-body="true" >
+      <el-form label-position="top"  style="margin-left: 7px;margin-top: 10px;">
+        <el-row :gutter="20">
+          <el-col :span="24">
+            <el-form-item :label="'Test'" >
+              <el-radio label="Y">Y</el-radio>
+              <el-radio label="N">N</el-radio>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <el-footer style="height:40px;margin-top: 10px;text-align:center">
+        <el-button type="primary" @click="">确定</el-button>
+        <el-button type="primary" @click="siteVisible=false">关闭</el-button>
+      </el-footer>
+    </el-dialog>
+  </div>
 </template>
 
 <script>
 export default {
   data() {
     return {
+      siteVisible: false,
       scanCode: '',
       items: [{code: 'A001', qty: 1}, {code: 'A002', qty: 2}]
     }
@@ -82,7 +106,7 @@ export default {
 .pda-receipt {
   display: flex;
   flex-direction: column;
-  height: 100vh;
+  height: 80vh;
   padding: 10px;
 }