| | |
| | | <template> |
| | | <el-dialog v-model="dialogVisible" title="新建目标责任书" width="50%" draggable> |
| | | <el-dialog v-model="dialogVisible" :fullscreen="full" title="新建目标责任书" width="50%" draggable> |
| | | <el-button @click="toggleFullscreen" size="small" class="pot" :icon="FullScreen"></el-button> |
| | | <el-form :model="form" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="岗位"> |
| | | <el-form-item label="岗位" size="default"> |
| | | <el-input v-model="form.name" placeholder="请选择"> |
| | | <template #append> <el-button :icon="Search" @click="daiInpt" /> </template |
| | | ></el-input> |
| | |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="责任书签订日期"> |
| | | <el-form-item label="责任书签订日期" size="default"> |
| | | <el-date-picker v-model="form.date1" type="date" placeholder="Pick a date" style="width: 100%" /> |
| | | </el-form-item> |
| | | </el-col> |
| | |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent, ref, reactive } from 'vue'; |
| | | import { Search } from '@element-plus/icons-vue'; |
| | | import { Search, FullScreen } from '@element-plus/icons-vue'; |
| | | import DailogSearch from './DailogSearch.vue'; |
| | | import { ElMessage, ElMessageBox } from 'element-plus'; |
| | | import type { UploadProps, UploadUserFile } from 'element-plus'; |
| | |
| | | () => false |
| | | ); |
| | | }; |
| | | //全屏 |
| | | const full = ref(false); |
| | | const toggleFullscreen = () => { |
| | | if (full.value == false) { |
| | | full.value = true; |
| | | } else { |
| | | full.value = false; |
| | | } |
| | | }; |
| | | return { |
| | | form, |
| | | dialogVisible, |
| | |
| | | handleRemove, |
| | | handlePreview, |
| | | handleExceed, |
| | | beforeRemove |
| | | beforeRemove, |
| | | full, |
| | | toggleFullscreen, |
| | | FullScreen, |
| | | }; |
| | | }, |
| | | }); |