| | |
| | | <el-row> |
| | | <el-col :span="4"> |
| | | <el-form-item size="default"> |
| | | <el-input v-model="ruleForm.searchParams.jobId" placeholder="请选择岗位"> |
| | | <el-input v-model="jobName" placeholder="请选择岗位"> |
| | | <template #append> <el-button :icon="Search" @click="openSearch" /> </template |
| | | ></el-input> |
| | | </el-form-item> |
| | |
| | | <div class="btns"> |
| | | <div> |
| | | <el-button size="default" type="primary" :icon="Plus" @click="openD('新建')">新建</el-button> |
| | | <el-button size="default" :disabled="warning" type="warning" plain :icon="EditPen">修改</el-button> |
| | | <el-button size="default" :disabled="warning" type="warning" plain :icon="EditPen" |
| | | @click="openD('修改', deletAll[0])">修改</el-button> |
| | | <el-button size="default" :disabled="danger" type="danger" :icon="Delete" plain @click="onDeleteAll">删除</el-button> |
| | | </div> |
| | | <div> |
| | |
| | | <el-table-column type="selection" align="center" width="55" /> |
| | | <el-table-column type="index" label="序号" align="center" width="70" /> |
| | | <el-table-column property="jobId" align="center" label="岗位" sortable /> |
| | | <el-table-column property="signDate" align="center" label="责任书签订日期" sortable /> |
| | | <el-table-column property="signDate" align="center" label="责任书签订日期" :formatter="timeDate" sortable /> |
| | | <el-table-column property="extraFile" align="center" label="附件" sortable /> |
| | | <el-table-column property="memo" label="备注信息" align="center" sortable show-overflow-tooltip /> |
| | | <el-table-column label="操作" align="center" style="width: 300px"> |
| | |
| | | /> |
| | | </div> |
| | | <DailogAdd ref="openAdd" @navAddorUpdata="onAddorUpdata"></DailogAdd> |
| | | <DailogSearch ref="openUser"></DailogSearch> |
| | | <DailogSearch ref="openUser" @backNum="IdNumber"></DailogSearch> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script lang="ts"> |
| | | import DailogAdd from './component/DailogAdd.vue'; |
| | | import {timeDate} from '/@/assets/index.ts' |
| | | import DailogSearch from './component/DailogSearch.vue'; |
| | | import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue'; |
| | | import { ElMessageBox, ElMessage, ElButton, ElInput, TabsPaneContext, FormInstance } from 'element-plus'; |
| | |
| | | // 重置 |
| | | const resetForm = () => { |
| | | ruleForm.searchParams.jobId = ''; |
| | | jobName.value="" |
| | | listApi(); |
| | | }; |
| | | const listApi = () => { |
| | |
| | | const onAddorUpdata = () => { |
| | | listApi(); |
| | | }; |
| | | const jobName=ref() |
| | | const IdNumber=(val:any)=>{ |
| | | ruleForm.jobId=val.id |
| | | jobName.value=val.date |
| | | } |
| | | // 表格 |
| | | const tableData = ref(); |
| | | const currentPage4 = ref(); |
| | |
| | | openUser.value.openDailog(); |
| | | }; |
| | | return { |
| | | IdNumber, |
| | | ruleForm, |
| | | resetForm, |
| | | listApi, |
| | |
| | | onDeleteAll, |
| | | openUser, |
| | | openSearch, |
| | | timeDate, |
| | | Plus, |
| | | Delete, |
| | | Upload, |