| | |
| | | <template> |
| | | <div class="content-main"> |
| | | <div class="top-bar"> |
| | | <el-form ref="form" :inline="true" :rules="rules" :model="searchData" label-position="top"> |
| | | <el-form ref="form" :inline="true" :rules="rules" :model="searchData" label-position="left"> |
| | | <el-form-item label="检测日期:" class="sermargin" prop="date"> |
| | | <el-date-picker v-model="searchData.date" type="daterange" range-separator="至" start-placeholder="开始日期" |
| | | <el-date-picker size="small" v-model="searchData.date" type="daterange" range-separator="至" start-placeholder="开始日期" |
| | | end-placeholder="结束日期"> |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <el-form-item label="检验类型:" class="sermargin" prop="type"> |
| | | <el-select v-model="searchData.type" placeholder="全部"> |
| | | <el-select size="small" v-model="searchData.type" placeholder="全部"> |
| | | <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="供应商:"> |
| | | <el-select v-model="searchData.supplier" placeholder="全部"> |
| | | <el-select size="small" v-model="searchData.supplier" placeholder="全部"> |
| | | <el-option v-for="item in supplier" :key="item.value" :label="item.label" :value="item.value"> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item style="margin-left: 40px;" label="样品:"> |
| | | <el-select v-model="searchData.code" filterable placeholder="请选择"> |
| | | <el-select size="small" v-model="searchData.code" filterable placeholder="请选择"> |
| | | <el-option v-for="item in sampleOptions" :key="item.value" :label="item.label" :value="item.value"> |
| | | <span style="float: left">{{ item.label }}</span> |
| | | <span style="float: right; color: #8492a6; font-size: 13px">{{ item.value }}</span> |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <div class="rightBtn" style="position: absolute;top: 90px;right: 20px;"> |
| | | <el-form-item> |
| | | <el-button type="primary" @click="clear" plain size="mini">清空</el-button> |
| | | <el-button type="primary" @click="search" size="mini">查询</el-button> |
| | | <el-button type="primary" @click="clear" plain size="small">清空</el-button> |
| | | <el-button type="primary" @click="search" size="small">查询</el-button> |
| | | </el-form-item> |
| | | </div> |
| | | </el-form> |
| | | </div> |
| | | <div class="top-bar-copy"></div> |
| | |
| | | |
| | | .top-bar-copy { |
| | | width: 100%; |
| | | height: 12vh; |
| | | height: 7vh; |
| | | } |
| | | |
| | | .chart-content { |