12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <div class="setFlex">
- <el-row :gutter="20">
- <el-col :span="12" class="elColClasss" style="height: 310px" @click="setOdersData">
- <TransferNum />
- </el-col>
- <el-col :span="12" class="elColClasss" style="height: 310px">
- <Operate />
- </el-col>
- </el-row>
- <ScanCode />
- </div>
- </template>
- <script lang="ts" setup>
- import TransferNum from "@/views/process/components/transferNum.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>
|