| | |
| | | <el-form :model="searchForm" ref="searchForm" size="small" :inline="true"> |
| | | <el-form-item label="标准物质名称" prop="name"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.name" |
| | | @keyup.enter.native="searchList"></el-input> |
| | | @keyup.enter.native="searchList"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="规格型号" prop="factoryManufacturer"> |
| | | <el-form-item label="规格型号" prop="model"> |
| | | <el-input size="small" placeholder="请输入" clearable v-model="searchForm.model" |
| | | @keyup.enter.native="searchList"></el-input> |
| | | @keyup.enter.native="searchList"></el-input> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button size="medium" @click="resetSearchForm">重 置</el-button> |
| | | <el-button size="medium" @click="resetSearchForm">重 置</el-button> |
| | | <el-button size="medium" type="primary" @click="searchList">查 询</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | |
| | | </div> |
| | | <div class="table"> |
| | | <lims-table :tableData="tableData" :column="tableColumn" :height="'calc(100vh - 250px)'" @pagination="pagination" |
| | | :page="page" :tableLoading="tableLoading"></lims-table> |
| | | :page="page" :tableLoading="tableLoading"></lims-table> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | return { |
| | | searchForm: { |
| | | name: '', |
| | | factoryManufacturer: '', |
| | | model: '', |
| | | }, |
| | | tableColumn: [ |
| | | { |
| | |
| | | mounted() { |
| | | this.searchList() |
| | | }, |
| | | methods :{ |
| | | methods: { |
| | | // 查询列表 |
| | | searchList () { |
| | | searchList() { |
| | | this.tableLoading = true |
| | | getPageSubstanceRecord({ |
| | | ...this.page, |
| | | ...this.searchForm |
| | | }).then(res => { |
| | | this.tableLoading = false |
| | | if (res.code === 200){ |
| | | if (res.code === 200) { |
| | | this.tableData = res.data.records |
| | | this.page.total = res.data.total |
| | | } |
| | |
| | | }) |
| | | }, |
| | | // 重置查询条件 |
| | | resetSearchForm () { |
| | | resetSearchForm() { |
| | | this.searchForm.name = ''; |
| | | this.searchForm.model = ''; |
| | | this.searchList() |
| | |
| | | } |
| | | </script> |
| | | <style scoped> |
| | | .capacity-scope { |
| | | padding: 20px !important; |
| | | } |
| | | |
| | | .search { |
| | | height: 46px; |
| | | display: flex; |