<template>
  <div>
    <row>
      <el-col :span="24" style="padding: 20px 0">
        <el-form :model="form" label-width="120px">
          <el-form-item label="出差人员">
            <el-col :span="8">
              <el-input v-model="form.name" />
            </el-col>
            <el-col :span="1"></el-col>
            <el-col :span="4">
              <el-button type="primary" @click="onSubmit">选择人员</el-button>
            </el-col>
          </el-form-item>
          <el-form-item label="出差时间">
            <el-col :span="8">
              <el-date-picker
                v-model="form.date1"
                type="date"
                placeholder="Pick a date"
                style="width: 100%"
              />
            </el-col>
            <el-col :span="2" class="text-center">
              <span class="text-gray-500">-</span>
            </el-col>
            <el-col :span="8">
              <el-date-picker
                v-model="form.date2"
                type="date"
                placeholder="Pick a date"
                style="width: 100%"
              />
            </el-col>
          </el-form-item>
          <!-- <el-form-item label="Instant delivery">
						<el-switch v-model="form.delivery" />
					</el-form-item>
					<el-form-item label="Activity type">
						<el-checkbox-group v-model="form.type">
							<el-checkbox label="Online activities" name="type" />
							<el-checkbox label="Promotion activities" name="type" />
							<el-checkbox label="Offline activities" name="type" />
							<el-checkbox label="Simple brand exposure" name="type" />
						</el-checkbox-group>
					</el-form-item>
					<el-form-item label="Resources">
						<el-radio-group v-model="form.resource">
							<el-radio label="Sponsor" />
							<el-radio label="Venue" />
						</el-radio-group>
					</el-form-item> -->
          <el-form-item label="出差原由">
            <el-col :span="20">
              <el-input v-model="form.desc" type="textarea" />
            </el-col>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="onSubmit">Create</el-button>
            <el-button>Cancel</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </row>
  </div>
</template>

<script setup>
const form = ref({
  name: "",
  region: "",
  date1: "",
  date2: "",
  delivery: false,
  type: [],
  resource: "",
  desc: "",
});
const router = useRouter();
function onSubmit() {
  router.push({ path: "/dailyWork/evectionFilings" });
}
</script>

<style></style>
