| | |
| | | <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"> |
| | | <el-form-item> |
| | | <el-button type="primary" 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> |
| | |
| | | }}</el-radio-button> |
| | | </el-radio-group> |
| | | </div> |
| | | <div style="width: 100%;height: 100;"> |
| | | <div style="width: 100%;height: 100%;"> |
| | | <div :hidden="projectData" class="secondBox" ref="unqualified_project"></div> |
| | | <div :hidden="!projectData" style="height: 100%;text-align: center; color: #999696df; margin-top: 100px;">暂无数据 |
| | | </div> |
| | |
| | | console.log("主线程"+index); |
| | | } |
| | | }, |
| | | clear(){ |
| | | this.searchData.date=[] |
| | | this.searchData.type=null |
| | | this.searchData.supplier=null |
| | | this.searchData.code=null |
| | | }, |
| | | async search() { |
| | | this.testSampleStatistics = null |
| | | this.supplierNoPassStatistics = null |
| | |
| | | const myChart2 = echarts.init(chartDom_unqualified_provider, null, { |
| | | height: 300 |
| | | }); |
| | | |
| | | |
| | | const myChart3 = echarts.init(chartDom_unqualified_project, null, { |
| | | height: 268 |
| | | }); |
| | |
| | | |
| | | .top-bar-copy { |
| | | width: 100%; |
| | | height: 12vh; |
| | | height: 7vh; |
| | | } |
| | | |
| | | .chart-content { |