|
|
|
@ -1,36 +1,44 @@
|
|
|
|
|
<template> |
|
|
|
|
<Dialog :title="dialogTitle" v-model="dialogVisible" :fullscreen=true> |
|
|
|
|
<Dialog :title="dialogTitle" v-model="dialogVisible" top="5vh" width="64vw"> |
|
|
|
|
<el-form |
|
|
|
|
ref="formRef" |
|
|
|
|
:model="formData" |
|
|
|
|
:rules="formRules" |
|
|
|
|
label-width="100px" |
|
|
|
|
v-loading="formLoading" |
|
|
|
|
width="600px" |
|
|
|
|
|
|
|
|
|
class="reportForm" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="汇报标题" prop="title"> |
|
|
|
|
<el-input v-model="formData.title" placeholder="请输入汇报标题" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇报日期" prop="jobDate"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="formData.jobDate" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="选择汇报日期" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
:dafult-time="new Date()" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇报人姓名" prop="jobName"> |
|
|
|
|
<el-input v-model="formData.jobName" placeholder="请输入汇报人姓名" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇报内容" prop="content"> |
|
|
|
|
<Editor v-model="formData.content" height="450px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<section class="flex flex-wrap gap-20px"> |
|
|
|
|
<el-form-item label="汇报标题" prop="title" class="!w100%"> |
|
|
|
|
<el-input v-model="formData.title" placeholder="请输入汇报标题" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇报日期" prop="jobDate"> |
|
|
|
|
<el-date-picker |
|
|
|
|
v-model="formData.jobDate" |
|
|
|
|
type="date" |
|
|
|
|
placeholder="选择汇报日期" |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
:dafult-time="new Date()" |
|
|
|
|
class="!w100%" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇报人" prop="jobName"> |
|
|
|
|
<el-input v-model="formData.jobName" placeholder="请输入汇报人姓名" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="汇报内容" prop="content" class="!w100%"> |
|
|
|
|
<Editor v-model="formData.content" height="400px" class="w100%"/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</section> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
|
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button> |
|
|
|
|
<el-popconfirm title="是否确定删除当前政策法规?" @confirm="deleteReport" width="230"> |
|
|
|
|
<template #reference> |
|
|
|
|
<el-button type="danger" v-if="formType == 'update'" link class="underline"> |
|
|
|
|
我要删除 |
|
|
|
|
</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-popconfirm> |
|
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
|
<el-button @click="submitForm" type="primary" :disabled="formLoading">确 定</el-button> |
|
|
|
|
</template> |
|
|
|
|
</Dialog> |
|
|
|
|
</template> |
|
|
|
@ -45,23 +53,51 @@ const message = useMessage() // 消息弹窗
|
|
|
|
|
|
|
|
|
|
const dialogVisible = ref(false) // 弹窗的是否展示 |
|
|
|
|
const dialogTitle = ref('') // 弹窗的标题 |
|
|
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用 |
|
|
|
|
const formLoading = ref(false) // 表单加载中:1)修改时的数据加载;2)提交的按钮禁用 |
|
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改 |
|
|
|
|
const formData = ref({ |
|
|
|
|
id: undefined, |
|
|
|
|
title: undefined, |
|
|
|
|
content: undefined, |
|
|
|
|
jobDate: undefined, |
|
|
|
|
jobName: undefined, |
|
|
|
|
jobName: undefined |
|
|
|
|
}) |
|
|
|
|
const formRules = reactive({ |
|
|
|
|
title: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入汇报标题', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
jobDate: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请选择汇报日期', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
jobName: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入汇报人姓名', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
content: [ |
|
|
|
|
{ |
|
|
|
|
required: true, |
|
|
|
|
message: '请输入汇报内容', |
|
|
|
|
trigger: 'blur' |
|
|
|
|
} |
|
|
|
|
] |
|
|
|
|
}) |
|
|
|
|
const formRef = ref() // 表单 Ref |
|
|
|
|
|
|
|
|
|
/** 打开弹窗 */ |
|
|
|
|
const open = async (type: string, id?: number) => { |
|
|
|
|
dialogVisible.value = true |
|
|
|
|
dialogTitle.value = t('action.' + type) |
|
|
|
|
dialogTitle.value = type == 'create' ? '新增工作汇报' : '修改工作汇报' |
|
|
|
|
formType.value = type |
|
|
|
|
resetForm() |
|
|
|
|
// 修改时,设置数据 |
|
|
|
@ -107,8 +143,25 @@ const resetForm = () => {
|
|
|
|
|
title: undefined, |
|
|
|
|
content: undefined, |
|
|
|
|
jobDate: undefined, |
|
|
|
|
jobName: undefined, |
|
|
|
|
jobName: undefined |
|
|
|
|
} |
|
|
|
|
formRef.value?.resetFields() |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
const deleteReport = () => { |
|
|
|
|
JobInfoApi.deleteJobInfo(formData.value.id).then(() => { |
|
|
|
|
message.success(t('common.delSuccess')) |
|
|
|
|
dialogVisible.value = false |
|
|
|
|
emit('success') |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.reportForm { |
|
|
|
|
::v-deep(.el-form-item) { |
|
|
|
|
width: calc(50% - 10px); |
|
|
|
|
margin-bottom: 0; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|