| | |
| | | <template> |
| | | <el-dialog v-model="Shows" :before-close="resetForm" :fullscreen="full" :title="titles" width="50%" draggable> |
| | | <el-dialog v-model="Shows" @close="handleClose(ruleFormRef)" :fullscreen="full" :title="titles" width="50%" draggable> |
| | | <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> |
| | | <el-form :model="form" :disabled="disabled" ref="ruleFormRef" :rules="rules" label-width="120px"> |
| | | <el-row> |
| | |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="年度" prop="year" size="default"> |
| | | <el-input v-model.number="form.year" placeholder="请填写年度" /> |
| | | <el-input v-model.number="form.year" maxlength="8" placeholder="请填写年度" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="指标级别" size="default"> |
| | | <el-form-item label="指标级别" size="default" prop="level"> |
| | | <el-select v-model="form.level" placeholder="请选择" style="width: 100%"> |
| | | <el-option label="公司级" value="1">公司级</el-option> |
| | | <el-option label="部门分厂级" value="2">部门分厂级</el-option> |
| | | <el-option label="工段班组级" value="3">工段班组级</el-option> |
| | | <el-option label="公司级" :value="1">公司级</el-option> |
| | | <el-option label="部门分厂级" :value="2">部门分厂级</el-option> |
| | | <el-option label="工段班组级" :value="3">工段班组级</el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | | <el-form-item label="完成期限" size="default"> |
| | | <el-date-picker v-model="form.completeDate" format="YYYY-MM-DD HH:mm:ss" type="datetime" |
| | | placeholder="请选择" style="width: 100%" /> |
| | | <el-form-item label="完成期限" size="default" prop="completeDate"> |
| | | <el-date-picker v-model="form.completeDate" format="YYYY-MM-DD HH:mm:ss" type="datetime" placeholder="请选择" style="width: 100%" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-form-item label="备注信息"> |
| | | <el-form-item label="备注信息" prop="memo"> |
| | | <el-input v-model="form.memo" size="default" type="textarea" /> |
| | | </el-form-item> |
| | | </el-form> |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="resetForm(ruleFormRef)" size="default">关闭</el-button> |
| | | <el-button type="primary" v-if="titles == '查看目标设定' ? false : true" @click="submitForm(ruleFormRef)" |
| | | size="default">确定</el-button> |
| | | <el-button type="primary" v-if="titles == '查看目标设定' ? false : true" @click="submitForm(ruleFormRef)" size="default">确定</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | |
| | | trigger: 'change', |
| | | }, |
| | | ], |
| | | level:[], |
| | | completeDate:[], |
| | | memo:[] |
| | | |
| | | }); |
| | | // 提交 |
| | | const submitForm = async (formEl: FormInstance | undefined) => { |
| | |
| | | formEl.resetFields(); |
| | | } |
| | | }); |
| | | formEl.resetFields(); |
| | | } else { |
| | | console.log('error submit!', fields); |
| | | } |
| | | }); |
| | | form.value = { |
| | | indexNum: '', //目标指标编号 |
| | | qName: '', //安全目标指标 |
| | | year: '', //年度 |
| | | level: '', ////指标级别 1:公司级 2:部门分厂级 3:工段班组级 |
| | | memo: '', ////备注信息 |
| | | targetType: '', ////指标类型 1:年指标 2:月指标 |
| | | completeDate: '', ////完成期限 |
| | | divideStatus: '1', ////分解状态 1:已分解 2:未分解 |
| | | value: '', ////指标值 |
| | | }; |
| | | }; |
| | | // 取消 |
| | | const resetForm = (formEl: FormInstance | undefined) => { |
| | | if (!formEl) return; |
| | | formEl.resetFields(); |
| | | Shows.value = false; |
| | | form.value = { |
| | | indexNum: '', //目标指标编号 |
| | | qName: '', //安全目标指标 |
| | | year: '', //年度 |
| | | level: '', ////指标级别 1:公司级 2:部门分厂级 3:工段班组级 |
| | | memo: '', ////备注信息 |
| | | targetType: '', ////指标类型 1:年指标 2:月指标 |
| | | completeDate: '', ////完成期限 |
| | | divideStatus: '1', ////分解状态 1:已分解 2:未分解 |
| | | value: '', ////指标值 |
| | | }; |
| | | }; |
| | | const handleClose = (formEl: FormInstance | undefined) => { |
| | | formEl.resetFields(); |
| | | }; |
| | | return { |
| | | openDialog, |
| | | handleClose, |
| | | titles, |
| | | Shows, |
| | | form, |