| | |
| | | <template> |
| | | <div> |
| | | <div class="search-background"> |
| | | <span class="search-group"> |
| | | <span style="width: 150px">不合格描述:</span> |
| | | <el-input v-model="searchForm.raiseResult" clearable size="small"></el-input> |
| | | </span> |
| | | <span class="search-group"> |
| | | <el-button size="small" @click="resetSearchForm">重 置</el-button> |
| | | <el-button size="small" type="primary" @click="searchList">查 询</el-button> |
| | | </span> |
| | | <div class="capacity-scope"> |
| | | <div> |
| | | <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> |
| | | <el-form-item label="不合格描述" prop="raiseResult"> |
| | | <el-input v-model="searchForm.raiseResult" clearable size="small"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" size="mini" @click="searchList">查询</el-button> |
| | | <el-button size="mini" @click="resetSearchForm">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <div class="table"> |
| | | <div> |
| | | <TableCard :showForm="false" :showTitle="false"> |
| | | <template v-slot:table> |
| | | <limsTable :column="tableColumn" :height="'calc(100vh - 17em)'" :table-data="tableData" |
| | | :table-loading="tableLoading" style="padding: 0 15px;margin-bottom: 16px" @pagination="pagination" |
| | | :page="page"> |
| | | </limsTable> |
| | | </template> |
| | | </TableCard> |
| | | </div> |
| | | <limsTable :column="tableColumn" :height="'calc(100vh - 17em)'" :table-data="tableData" |
| | | :table-loading="tableLoading" @pagination="pagination" |
| | | :page="page"> |
| | | </limsTable> |
| | | </div> |
| | | <corrective-info v-if="correctiveInfo" ref="correctiveInfo"></corrective-info> |
| | | <ViewTestRecord v-if="viewTestRecordDialog" ref="viewTestRecordDialog"></ViewTestRecord> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import TableCard from '@/components/TableCard/index.vue'; |
| | | import limsTable from "@/components/Table/lims-table.vue"; |
| | | import CorrectiveInfo from './components/correctiveInfo.vue'; |
| | | // import QualityInfo from '../do/a7-nonconforming-item/qualityInfo.vue'; |
| | | import ViewTestRecord from './components/ViewTestRecord.vue'; |
| | | import { |
| | | pageSuperviseDetailCorrect, |
| | |
| | | } from '@/api/cnas/systemManagement/correctiveAction.js' |
| | | |
| | | export default { |
| | | name: 'a8-corrective-action', |
| | | name: 'CorrectiveAction', |
| | | // import 引入的组件需要注入到对象中才能使用 |
| | | components: { |
| | | // QualityInfo, |
| | | // QualityInfo, |
| | | CorrectiveInfo, |
| | | limsTable, |
| | | TableCard, |
| | | ViewTestRecord |
| | | }, |
| | | data() { |
| | |
| | | this.tableLoading = true |
| | | pageSuperviseDetailCorrect({ ...entity, ...page }).then(res => { |
| | | this.tableLoading = false |
| | | if (res.code === 201) return |
| | | this.tableData = res.data.records |
| | | this.page.total = res.data.total |
| | | }).catch(err => { |
| | |
| | | handleDown(row) { |
| | | exportSuperviseDetaillCorrect({ superviseDetailsCorrectId: row.superviseDetailsCorrectId }).then(res => { |
| | | this.outLoading = false |
| | | this.$message.success('导出成功') |
| | | const blob = new Blob([res], { type: 'application/msword' }); |
| | | this.$download.saveAs(blob, '监督纠正措施' + '.docx'); |
| | | }) |