| | |
| | | <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> |
| | |
| | | </div> |
| | | <div class="bottom"> |
| | | <el-button type="primary" size="mini">数据导出</el-button> |
| | | <!-- <el-button type="primary" size="mini" @click="testWork">测试</el-button> --> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | import * as echarts from 'echarts' |
| | | import { getSupplierList, getTestSampleStatistics, getSupplierNoPassStatistics, getNoPassProjectStatistics, getSampleOptions } from '@/api/experiment/passRateStatistics'; |
| | | import { dateFormat } from '../../../utils/dateUtil' |
| | | import MyWorker from 'comlink-loader!../../../worker/test'; |
| | | export default { |
| | | data() { |
| | | return { |
| | |
| | | this.tableStart() |
| | | }, |
| | | methods: { |
| | | testWork(){ |
| | | const inst = new MyWorker(); |
| | | inst.test() |
| | | for (let index = 0; index < 100; index++) { |
| | | 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 |
| | | }); |
| | | window.addEventListener("resize",function(){ |
| | | myChart1.resize() |
| | | myChart2.resize() |
| | | myChart3.resize() |
| | | }) |
| | | this.m1 = myChart1 |
| | | this.m2 = myChart2 |
| | | this.m3 = myChart3 |
| | |
| | | |
| | | .top-bar-copy { |
| | | width: 100%; |
| | | height: 12vh; |
| | | height: 7vh; |
| | | } |
| | | |
| | | .chart-content { |