| | |
| | | <template> |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form ref="form" :inline="true" :model="searchData" label-position="left"> |
| | | <el-form ref="form" :inline="true" :model="searchData" label-position="left" style="margin-top: 10px;"> |
| | | <el-form-item label="样品编号:"> |
| | | <el-input v-model="searchData.sample_code" class="input-form" placeholder="请输入样品编号" |
| | | <el-input size="small" v-model="searchData.sample_code" class="input-form" placeholder="请输入样品编号" |
| | | @keyup.enter.native="getData" /> |
| | | </el-form-item> |
| | | <el-form-item label="报告单号:"> |
| | | <el-input v-model="searchData.reportCode" class="input-form" placeholder="请输入报告单号" /> |
| | | <el-input size="small" 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-input size="small" 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-button size="small" type="primary" @click="getData()">查询</el-button> |
| | | <el-button size="small" type="primary" plain @click="resetData()">重置</el-button> |
| | | </el-form-item> |
| | | </el-form> |
| | | <el-form> |
| | | <el-button @click="exportToPDF" class="rightBtn" type="primary" icon="el-icon-document">导出报告</el-button> |
| | | <el-form style="margin-top: 10px;"> |
| | | <el-button size="small" @click="exportToPDF" class="rightBtn" type="primary" icon="el-icon-document">导出报告</el-button> |
| | | </el-form> |
| | | </div> |
| | | <div class="library-table"> |
| | |
| | | </div> |
| | | </el-dialog> |
| | | <div class="table-box"> |
| | | <el-table ref="reportTable" :max-height="800" :cell-style="{ textAlign: 'left' }" :header-cell-style="{ |
| | | <el-table ref="reportTable" height="200" :max-height="800" :cell-style="{ textAlign: 'left' }" :header-cell-style="{ |
| | | border: '0px', |
| | | background: '#f5f7fa', |
| | | color: '#606266', |
| | |
| | | scope.row.status == 0 |
| | | ? "待审核" |
| | | : scope.row.status == 1 |
| | | ? "代签字" : "已完成" |
| | | ? "待签字" : "已完成" |
| | | }} |
| | | </el-tag> |
| | | </span> |
| | |
| | | } |
| | | |
| | | .table-box { |
| | | height: 60vh; |
| | | padding: 0px 20px; |
| | | margin-top: 0px; |
| | | flex: 1; |
| | | background: #fff; |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | .el-table{ |
| | | overflow: scroll; |
| | | } |
| | | >div:nth-child(2) { |
| | | display: flex; |
| | | justify-content: end; |