<template>
|
<el-dialog v-model="props.visible" title="新增考核任务">
|
<el-form :model="taskForm" label-width="100px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="考核编号:">
|
<el-input placeholder="请输入考核编号"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="考核种类">
|
<el-select style="width: 100%;" placeholder="请选择考核种类"></el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="开始时间:">
|
<el-date-picker v-model="taskForm.startTime" type="data" placeholder="请选择开始时间"
|
format="YYYY-MM-DD HH:mm:ss" valueFormat="YYYY-MM-DD HH:mm:ss" style="width: 100%;" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="结束时间:">
|
<el-date-picker v-model="taskForm.endTime" type="data" placeholder="请选择结束时间"
|
format="YYYY-MM-DD HH:mm:ss" valueFormat="YYYY-MM-DD HH:mm:ss" style="width: 100%;" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-input v-model="taskForm" type="textarea" :rows="4" placeholder=""></el-input>
|
</el-row>
|
<el-row>
|
|
</el-row>
|
</el-form>
|
</el-dialog>
|
</template>
|
|
<script setup>
|
import { reactive } from 'vue';
|
|
const props = defineProps({
|
visible: {
|
type: Boolean,
|
default: true
|
}
|
})
|
|
const taskForm = reactive({
|
assessmentNo: '',
|
assessmentPurpose: '',
|
startTime: '',
|
endTime: '',
|
remark: ''
|
})
|
|
const taskRules = {
|
assessmentNo: [
|
{ required: true, message: '请输入考核编号', trigger: 'blur' }
|
],
|
assessmentPurpose: [
|
{ required: true, message: '请选择考核种类', trigger: 'blur' }
|
],
|
startTime: [
|
{ required: true, message: '请选择开始时间', trigger: 'blur' }
|
]
|
}
|
</script>
|
|
<style lang="scss" scoped></style>
|
