对比新文件 |
| | |
| | | <template> |
| | | <el-dialog v-model="dialogVisible" title="新建奖惩记录" width="50%" draggable> |
| | | <el-form :model="form" label-width="120px"> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="员工姓名"> |
| | | <el-input v-model="form.name" placeholder="请选择"> |
| | | <template #append> <el-button :icon="Search" @click="daiInpts" /> </template |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="11"> |
| | | <el-form-item label="奖惩名称"> |
| | | <el-input v-model="form.name" placeholder="请选择"> |
| | | <template #append> <el-button :icon="Search" @click="daiInpt" /> </template |
| | | ></el-input> |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="11" :offset="2"> |
| | | <el-form-item label="奖惩类型"> |
| | | <el-input v-model="form.name" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="奖惩内容"> |
| | | <el-input v-model="form.name" placeholder="请填写奖惩内容" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="依据"> |
| | | <el-input v-model="form.name" placeholder="请填写奖惩依据"/> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row> |
| | | <el-col :span="24"> |
| | | <el-form-item label="备注信息"> |
| | | <el-input v-model="form.name" type="textarea" /> |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | </el-form> |
| | | <template #footer> |
| | | <span class="dialog-footer"> |
| | | <el-button @click="dialogVisible = false" size="default">关闭</el-button> |
| | | <el-button type="primary" @click="dialogVisible = false" size="default">确定</el-button> |
| | | </span> |
| | | </template> |
| | | </el-dialog> |
| | | <DailogSearchUser ref="Show"></DailogSearchUser> |
| | | <DailogSearch ref="Shows"></DailogSearch> |
| | | </template> |
| | | <script lang="ts"> |
| | | import { defineComponent, ref, reactive } from 'vue'; |
| | | import { Search } from '@element-plus/icons-vue'; |
| | | import DailogSearch from './DailogSearch.vue'; |
| | | import DailogSearchUser from '/@/components/DailogSearchUser/index.vue' |
| | | export default defineComponent({ |
| | | components: { DailogSearch,DailogSearchUser }, |
| | | setup() { |
| | | const dialogVisible = ref<boolean>(false); |
| | | const form = reactive({ |
| | | name: '', |
| | | region: '', |
| | | date1: '', |
| | | date2: '', |
| | | delivery: false, |
| | | type: [], |
| | | resource: '', |
| | | desc: '', |
| | | }); |
| | | const openDailog = (type: string, value: any, projectList: any, projectId: string) => { |
| | | dialogVisible.value = true; |
| | | }; |
| | | // 导航 |
| | | const activeName = ref('1'); |
| | | // 表格 |
| | | |
| | | // 安全目标指标弹窗 |
| | | const Shows = ref(); |
| | | const daiInpt = () => { |
| | | Shows.value.openDailog(); |
| | | }; |
| | | const Show = ref(); |
| | | const daiInpts = () => { |
| | | Show.value.openDailog(); |
| | | }; |
| | | return { |
| | | form, |
| | | dialogVisible, |
| | | openDailog, |
| | | activeName, |
| | | Shows, |
| | | daiInpt, |
| | | Show, |
| | | daiInpts, |
| | | Search, |
| | | }; |
| | | }, |
| | | }); |
| | | </script> |
| | | <style scoped> |
| | | .el-row { |
| | | padding: 0 0 20px 0; |
| | | } |
| | | </style> |