<script setup>
  import { ref } from 'vue';
  import Form from './components/form.vue';
  import { onLoad } from '@dcloudio/uni-app';

  const type = ref();

  onLoad(options => {
    type.value = options.type;
  });
</script>

<template>
  <view class="page">
    <scroll-view scroll-y="true" style="height: 100%">
      <Form ref="formRef" :type="type"></Form>
    </scroll-view>
  </view>
</template>

<style lang="scss" scoped>
  @import '@/style/work-order-segmented.scss';
  .page {
    padding-bottom: 0;
  }

  .footer-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 32px;
    height: 100%;

    gap: 0 32px;

    & > uni-button {
      margin: 0;
    }
  }

  :deep(.mini-btn) {
    height: 38px !important;
    font-size: 16px !important;
  }
</style>
