currentProduction.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <div class="setFlex">
  3. <el-row :gutter="20">
  4. <el-col :span="12" class="elColClasss" style="height: 310px" @click="setOdersData">
  5. <TransferNum />
  6. </el-col>
  7. <el-col :span="12" class="elColClasss" style="height: 310px">
  8. <Operate />
  9. </el-col>
  10. </el-row>
  11. <ScanCode />
  12. </div>
  13. </template>
  14. <script lang="ts" setup>
  15. import TransferNum from "@/views/process/components/transferNum.vue";
  16. import Operate from "@/views/process/components/operate.vue";
  17. import ScanCode from "@/views/process/components/scanCode.vue";
  18. import { useProcessStore } from "@/store";
  19. const store = useProcessStore();
  20. const router = useRouter();
  21. const orderData = {};
  22. const setOdersData = () => {
  23. store.setOdersData(orderData);
  24. };
  25. </script>
  26. <style lang="scss" scoped>
  27. .barHeight {
  28. height: calc(100vh - 270px);
  29. }
  30. .setFlex {
  31. display: flex;
  32. flex-direction: column;
  33. justify-content: space-between;
  34. height: calc(100vh - 120px);
  35. overflow: hidden;
  36. }
  37. .bottomBtn {
  38. height: 80px;
  39. margin-top: 10px;
  40. width: 100%;
  41. display: flex;
  42. .btn {
  43. width: 100%;
  44. height: 80px;
  45. border-radius: 40px;
  46. .btnText {
  47. font-size: $f24;
  48. color: white;
  49. }
  50. }
  51. }
  52. </style>