上货操作

5ff74925 · lzh · e2bb10a4 · 5ff74925
--- a/src/pages/loadingOperation.vue
+++ b/src/pages/loadingOperation.vue
+<template>
+  <div>
+    <div class="d1">
+      <span style="color: #cc0000">上货成功</span>&nbsp;&nbsp;&nbsp;
+      <span>验证成功，仓门已经打开。</span>
+    </div>
+    <div class="d2">
+      <span>请严格按照安排好的格子进行上货</span>
+    </div>
+    <div class="d3">
+      <span>机器名称:3楼1号机</span>
+    </div>
+    <div class="d4">
+      <span> 商品名称 </span>
+      <span> 对应的格子 </span>
+      <span> 份数 </span>
+    </div>
+    <div class="d5">
+      <span> 杏鲍菇牛肉 </span>
+      <span class="d55"> 1-8 </span>
+      <span> 8 </span>
+    </div>
+    <div class="d5">
+      <span> 啤酒鸭 </span>
+      <span class="d55"> 9-13 </span>
+      <span> 5 </span>
+    </div>
+    <div class="d5">
+      <span> 土豆排骨 </span>
+      <span class="d55"> 14-20 </span>
+      <span> 7 </span>
+    </div>
+    <div class="d5">
+      <span> 干笋焖鸡套餐 </span>
+      <span class="d55"> 21-24 </span>
+      <span> 4 </span>
+    </div>
+    <div class="d6">
+      <span> 总计(单位：份) </span>
+      <span> 24 </span>
+    </div>
+    <div class="d8">
+      <span> 注:请严格按照安排好的格子进行上货! </span>
+    </div>
+    <div class="d8">
+      <span> 上完货后请关好仓门! </span>
+    </div>
+    <div class="d9">
+      <span> 确认上货完成 </span>
+    </div>
+  </div>
+</template>
+<style scoped>
+.d1 {
+  text-align: center;
+  margin-top: 30px;
+}
+.d2 {
+  text-align: center;
+}
+.d3 {
+  font-weight: 800;
+  width: 100%;
+  height: 80px;
+  /* background-color: cornflowerblue; */
+  line-height: 80px;
+  padding: 10px;
+  font-size: 18px;
+}
+
+.d4 {
+  display: flex;
+  justify-content: space-between;
+  margin-left: 10px;
+  margin-right: 10px;
+  font-weight: 600;
+  font-size: 14px;
+  /* border-top: 2px solid #f3f3f3; */
+  border-bottom: 1px solid #f3efef;
+
+  text-align: center;
+  /* background-color: crimson ; */
+}
+.d5 {
+  display: flex;
+  justify-content: space-between;
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-top: 20px;
+  /* background-color: crimson; */
+  position: relative;
+  border-bottom: 1px solid #f3efef;
+}
+.d55 {
+  position: absolute;
+  left: 180px;
+}
+
+.d6 {
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-top: 10px;
+  /* float: left; */
+  /* background-color: crimson; */
+  height: 50px;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 2px solid #f3efef;
+}
+.d8 {
+  font-weight: 800;
+  font-size: 14px;
+  text-align: center;
+  margin-top: 20px;
+  font-kerning: normal;
+}
+.d9 {
+  line-height: 50px;
+  text-align: center;
+  height: 50px;
+  width: 100%;
+  margin-left: 10px;
+  margin-top: 30px;
+  border-radius: 8px;
+  color: aliceblue;
+  background-color: #169bd5;
+}
+</style>
\ No newline at end of file