| | |
| | | <template> |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form ref="form" :inline="true"> |
| | | <el-form-item class="sermargin"> |
| | | <el-form ref="form" :inline="true" :model="searchData" label-position="left"> |
| | | <el-form-item label="样品编号:"> |
| | | <el-input |
| | | v-model="input" |
| | | v-model="searchData.sample_code" |
| | | class="input-form" |
| | | placeholder="请直接输入样式编号/报告单号/样品编号/进行搜索或下拉选择进行组合查询" |
| | | placeholder="请输入样品编号" |
| | | @keyup.enter.native="getData" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="报告单号:"> |
| | | <el-input |
| | | v-model="searchData.reportCode" |
| | | class="input-form" |
| | | placeholder="请输入报告单号" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="申请单号:"> |
| | | <el-input |
| | | v-model="searchData.application_code" |
| | | class="input-form" |
| | | placeholder="请输入申请单号" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="getData()">查询</el-button> |
| | | <el-button type="primary" plain @click="resetData()">重置</el-button> |
| | | </el-form-item> |
| | | <el-dropdown> |
| | | <span class="el-dropdown-link"> |
| | | 高级搜索<i class="el-icon-arrow-down el-icon--right"></i> |
| | | </span> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item>高级搜索</el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | </el-form> |
| | | <el-form> |
| | | <el-button class="rightBtn" type="primary" icon="el-icon-document" |
| | |
| | | <el-radio-button>全部</el-radio-button> |
| | | <el-radio-button label="0">待提交</el-radio-button> |
| | | <el-radio-button label="1">待审核</el-radio-button> |
| | | <el-radio-button label="2">已审核</el-radio-button> |
| | | <el-radio-button label="2">待签字</el-radio-button> |
| | | <el-radio-button label="3">已完成</el-radio-button> |
| | | </el-radio-group> |
| | | |
| | | <el-checkbox v-model="checked" style="margin-left: 20px" |
| | |
| | | export default { |
| | | data() { |
| | | return { |
| | | input: "", |
| | | searchData:{ |
| | | sample_code:'', |
| | | reportCode:'', |
| | | application_code: '' |
| | | }, |
| | | checkStatus: undefined, |
| | | reportTable: [], |
| | | page: 1, |
| | |
| | | }, |
| | | // 重置按钮 |
| | | resetData() { |
| | | this.input = undefined; |
| | | this.searchData={ |
| | | sample_code:'', |
| | | reportCode:'', |
| | | application_code: '' |
| | | }, |
| | | this.page = 1; |
| | | this.pageSize = 10; |
| | | this.checkStatus = undefined; |
| | |
| | | const params = { |
| | | page: this.page, |
| | | pageSize: this.pageSize, |
| | | name: this.input ? this.input : undefined, |
| | | name: this.searchData.sample_code ? this.searchData.sample_code : undefined, |
| | | status: this.checkStatus ? this.checkStatus : undefined, |
| | | }; |
| | | const { data } = await selectAllReport(params); |
| | |
| | | justify-content: space-between; |
| | | padding: 5px 24px 0px 24px; |
| | | .input-form { |
| | | width: 700px; |
| | | width: 250px; |
| | | margin-right: 30px; |
| | | } |
| | | .el-dropdown-link { |
| | | cursor: pointer; |