| | |
| | | <div style="display: flex;justify-content: space-between"> |
| | | <div style="display: flex;"> |
| | | <div style="margin-bottom: 18px;margin-right: 10px;display: flex;align-items: center;line-height: 32px;"> |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准方法</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.methodName" |
| | | <span style="width: 88px;font-size: 14px;font-weight: 700;color: var(--lims-text-2);">标准名称</span> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.standardName" |
| | | @keyup.enter="searchList"></el-input> |
| | | </div> |
| | | <div style="line-height: 30px;"> |
| | |
| | | @pagination="pagination"> |
| | | </limsTable> |
| | | </div> |
| | | <formDIa v-if="formDIa" ref="formDIa" :operationType="operationType" @closeDia="closeDia"></formDIa> |
| | | <component :is="isWordForm ? 'wordFormDIa' : 'formDIa'" v-if="formDIa" ref="formDIa" |
| | | :operationType="operationType" @closeDia="closeDia" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import limsTable from '@/components/Table/lims-table.vue' |
| | | import formDIa from './component/formDIa.vue'; |
| | | import wordFormDIa from './component/wordFormDIa.vue'; |
| | | import { delMethodVerify, exportMethodVerify, pagesMethodVerify } from '@/api/cnas/process/method/methodVerification' |
| | | |
| | | export default { |
| | | name: 'MethodVerification', |
| | | // import 引入的组件需要注入到对象中才能使用 |
| | | components: { limsTable, formDIa }, |
| | | components: { limsTable, formDIa, wordFormDIa }, |
| | | data() { |
| | | // 这里存放数据 |
| | | return { |
| | | searchForm: { |
| | | methodName: '', |
| | | standardName: '', |
| | | operationType: 1, |
| | | }, |
| | | options: [ |
| | |
| | | ], |
| | | tableColumn: [ |
| | | { |
| | | label: '标准方法', |
| | | prop: 'methodName', |
| | | label: '标准名称', |
| | | prop: 'standardName', |
| | | minWidth: '100' |
| | | }, |
| | | { |
| | | label: '验证原因', |
| | | prop: 'verifyReason', |
| | | label: '标准编号', |
| | | prop: 'standardCode', |
| | | minWidth: '100' |
| | | }, |
| | | { |
| | | label: '主要技术变化', |
| | | prop: 'technologyChange', |
| | | label: '验证项目', |
| | | prop: 'verifyItem', |
| | | minWidth: '100' |
| | | }, |
| | | { |
| | |
| | | minWidth: '60', |
| | | label: '操作', |
| | | operation: [ |
| | | { |
| | | name: '详情', |
| | | type: 'text', |
| | | clickFun: (row) => { |
| | | this.openFormDia('view', row); |
| | | }, |
| | | }, |
| | | { |
| | | name: '编辑', |
| | | type: 'text', |
| | |
| | | total: 0, |
| | | formDIa: false, |
| | | operationType: '', |
| | | isWordForm: true, |
| | | }; |
| | | }, |
| | | mounted() { |
| | |
| | | // 查询列表 |
| | | searchList() { |
| | | const entity = { |
| | | methodName: this.searchForm.methodName, |
| | | standardName: this.searchForm.standardName, |
| | | operationType: this.searchForm.operationType, |
| | | } |
| | | const page = this.page |
| | |
| | | }, |
| | | // 重置查询条件 |
| | | resetSearchForm() { |
| | | this.searchForm.methodName = ''; |
| | | this.searchForm.standardName = ''; |
| | | this.searchList() |
| | | }, |
| | | openFormDia(type, row) { |
| | | this.formDIa = true |
| | | this.operationType = type |
| | | this.isWordForm = type === 'add' || !!row?.standardCode |
| | | this.$nextTick(() => { |
| | | this.$refs.formDIa.openDia(row) |
| | | }) |