<template>
  <div class="setFlex">
    <el-row :gutter="20">
      <el-col :span="12" class="elColClasss" style="height: 310px" @click="setOdersData">
        <CurrentOrderInfo />
      </el-col>
      <el-col :span="12" class="elColClasss" style="height: 310px">
        <Operate />
      </el-col>
    </el-row>
    <ScanCode />
  </div>
</template>
<script lang="ts" setup>
import CurrentOrderInfo from "@/views/process/components/currentOrderInfo.vue";
import Operate from "@/views/process/components/operate.vue";
import ScanCode from "@/views/process/components/scanCode.vue";
import { useProcessStore } from "@/store";

const store = useProcessStore();
const router = useRouter();
const orderData = {};
const setOdersData = () => {
  store.setOdersData(orderData);
};
</script>

<style lang="scss" scoped>
.barHeight {
  height: calc(100vh - 270px);
}

.setFlex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100vh - 120px);
  overflow: hidden;
}

.bottomBtn {
  height: 80px;
  margin-top: 10px;
  width: 100%;
  display: flex;

  .btn {
    width: 100%;
    height: 80px;
    border-radius: 40px;

    .btnText {
      font-size: $f24;
      color: white;
    }
  }
}
</style>
