<template>
  <Dialog v-model="dialogVisible" title="生成工资条" style="width: 800px">
    <el-form :model="formData" ref="formRef" :rules="rules" label-width="80px">
      <el-row :gutter="20">
        <el-col :span="12" :offset="0">
          <el-form-item label="年月" prop="yearmonth">
            <el-date-picker v-model="formData.yearmonth" type="month" placeholder="选择年月" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="20">
        <el-col :span="12" :offset="0">
          <el-form-item label="导入奖金" size="normal">
            <UploadFile v-model="formData.files1" :limit="1" :isShowTip="false" />
          </el-form-item>
        </el-col>
        <el-col :span="12" :offset="0">
          <el-form-item label="导入考勤" size="normal">
            <UploadFile v-model="formData.files2" :limit="1" :isShowTip="false" />
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <template #footer>
      <span>
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" :disabled="formLoading" @click="handleSave">
          确 认 生 成
        </el-button>
      </span>
    </template>
  </Dialog>
</template>

<script setup name="DialogCreateSalary">
const dialogVisible = ref(false)

const formData = ref({})

const formLoading = ref(false)

const rules = {}

function open() {
  dialogVisible.value = true
}

defineExpose({ open })

function handleSave() {}
</script>

<style lang="scss" scoped></style>
