<template>
  <el-form :inline="true" :model="formInline" label-position="top" class="form-inline">
    <div style="display: flex;flex-direction: column;height: 86vh">
      <div style="flex-grow: 1;">
        <div class="disposition-title">给自动站授权</div>
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item label="授时间隔" style="width: 200px">
              <el-select v-model="formInline.region">
                <el-option label="1小时" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="disposition-title">数据补发</div>
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item label="补发时段" style="width: 200px">
              <el-select v-model="formInline.region">
                <el-option label="720小时" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <div class="disposition-title">给电脑授时</div>
        <el-row :gutter="20">
          <el-col :span="4">
            <el-form-item label="系统授时类型" style="width: 200px">
              <el-select v-model="formInline.region">
                <el-option label="自动站授时" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="4">
            <el-form-item label="自动站" style="width: 200px">
              <el-select v-model="formInline.region">
                <el-option label="test1" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </div>
      <div class="disposition-bottom">
        <el-button > 重置 </el-button>
        <el-button type="primary"> 确定 </el-button>
      </div>
    </div>
  </el-form>
</template>

<script setup lang="tsx">
import {ref} from "vue";

const formInline = ref<any>({
  user:"",
  region:""
})
</script>

<style scoped>
</style>
