From de319760a2124d3043491d40f9c2ebf3d27be78f Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期一, 24 三月 2025 10:24:27 +0800
Subject: [PATCH] 合并装备代码
---
src/views/statisticalCharts/qualificationRateStatistics/index.vue | 81 +++++++++++++++++++++++++++-------------
1 files changed, 54 insertions(+), 27 deletions(-)
diff --git a/src/views/statisticalCharts/qualificationRateStatistics/index.vue b/src/views/statisticalCharts/qualificationRateStatistics/index.vue
index 443394d..17fd9a9 100644
--- a/src/views/statisticalCharts/qualificationRateStatistics/index.vue
+++ b/src/views/statisticalCharts/qualificationRateStatistics/index.vue
@@ -11,9 +11,18 @@
<el-col :span="20">
<el-form ref="entity" size="small" :inline="true">
<el-form-item style="width: 20%;">
- <el-date-picker v-model="datePicker" end-placeholder="缁撴潫鏃ユ湡" format="yyyy-MM-dd" placeholder="閫夋嫨鏃ユ湡"
- range-separator="鑷�" size="small" start-placeholder="寮�濮嬫棩鏈�" type="daterange" style="width: 100%;"
- value-format="yyyy-MM-dd" @change="changeDatePicker">
+ <el-date-picker
+ v-model="datePicker"
+ end-placeholder="缁撴潫鏃ユ湡"
+ format="yyyy-MM-dd"
+ placeholder="閫夋嫨鏃ユ湡"
+ range-separator="鑷�"
+ size="small"
+ start-placeholder="寮�濮嬫棩鏈�"
+ type="daterange"
+ style="width: 100%;"
+ value-format="yyyy-MM-dd"
+ @change="changeDatePicker">
</el-date-picker>
</el-form-item>
<el-form-item label="鏍峰搧鍚嶇О" prop="sampleName">
@@ -23,8 +32,7 @@
<el-input v-model="modelName" clearable placeholder="璇疯緭鍏ュ瀷鍙�" size="small" @change="changeDate"></el-input>
</el-form-item>
<el-form-item label="渚涘簲鍟嗗悕绉�" prop="supplierName">
- <el-input v-model="supplierName" clearable placeholder="璇疯緭鍏ヤ緵搴斿晢鍚嶇О" size="small"
- @change="changeDate"></el-input>
+ <el-input v-model="supplierName" clearable placeholder="璇疯緭鍏ヤ緵搴斿晢鍚嶇О" size="small" @change="changeDate"></el-input>
</el-form-item>
</el-form>
</el-col>
@@ -32,24 +40,39 @@
<el-row :gutter="20">
<el-col :span="8">
<div class="pie-card">
- <div class="title">鍘熻緟鏂欏悎鏍肩巼</div>
- <span class="data">{{ passRate }}</span>
- <Echarts ref="chart" :legend="pieLegend" :series="materialPieSeries" :tooltip="pieTooltip"
- style="height: 36vh;"></Echarts>
+ <div class="title">鍘熸潗鏂欏悎鏍肩巼</div>
+ <span class="data">{{passRate}}</span>
+ <Echarts ref="chart"
+ :legend="pieLegend"
+ :series="materialPieSeries"
+ :tooltip="pieTooltip"
+ style="height: 36vh;"></Echarts>
</div>
</el-col>
<el-col :span="8">
<div class="pie-card">
<div class="title"><span style="color: #F56C6C">鏈湀</span>妫�楠岀被鍨嬫暟閲�</div>
- <Echarts ref="chart" :chartStyle="chartStyle2" :legend="pieLegend" :series="materialPieSeries1"
- :tooltip="pieTooltip" style="height: 36vh;"></Echarts>
+ <Echarts ref="chart"
+ :chartStyle="chartStyle2"
+ :legend="pieLegend"
+ :series="materialPieSeries1"
+ :tooltip="pieTooltip"
+ style="height: 36vh;"></Echarts>
</div>
</el-col>
<el-col :span="8">
<div class="pie-card">
- <div class="title">鍘熻緟鏂�<span style="color: #F56C6C">鏈湀</span>涓�<span style="color: #F56C6C">涓婃湀</span>鍚堟牸鐜囧姣�</div>
- <Echarts ref="chart" :barColors="barColors2" :chartStyle="chartStyle" :grid="grid" :legend="barLegend"
- :series="barSeries" :tooltip="tooltip" :xAxis="xAxis1" :yAxis="yAxis1" style="height: 36vh;"></Echarts>
+ <div class="title">鍘熸潗鏂�<span style="color: #F56C6C">鏈湀</span>涓�<span style="color: #F56C6C">涓婃湀</span>鍚堟牸鐜囧姣�</div>
+ <Echarts ref="chart"
+ :barColors="barColors2"
+ :chartStyle="chartStyle"
+ :grid="grid"
+ :legend="barLegend"
+ :series="barSeries"
+ :tooltip="tooltip"
+ :xAxis="xAxis1"
+ :yAxis="yAxis1"
+ style="height: 36vh;"></Echarts>
</div>
</el-col>
</el-row>
@@ -57,9 +80,17 @@
<el-col :span="24">
<div class="inspection-card">
<div class="title">鍚堟牸鐜�</div>
- <Echarts ref="chart" :barColors="barColors" :grid="grid" :legend="legend" :lineColors="lineColors"
- :options="echartsOptions" :series="echartsSeries" :tooltip="tooltip" :xAxis="xAxis" :yAxis="yAxis"
- style="height: 40vh;"></Echarts>
+ <Echarts ref="chart"
+ :barColors="barColors"
+ :grid="grid"
+ :legend="legend"
+ :lineColors="lineColors"
+ :options="echartsOptions"
+ :series="echartsSeries"
+ :tooltip="tooltip"
+ :xAxis="xAxis"
+ :yAxis="yAxis"
+ style="height: 40vh;"></Echarts>
</div>
</el-col>
</el-row>
@@ -78,7 +109,7 @@
export default {
name: "QualificationRateStatistics",
// import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
- components: { Echarts },
+ components: {Echarts},
data() {
// 杩欓噷瀛樻斁鏁版嵁
return {
@@ -158,7 +189,7 @@
containLabel: true
},
legend: {
- data: ['鎬绘暟', '鍚堟牸鐜�']
+ data: ['鎬绘暟','鍚堟牸鐜�']
},
tooltip: {
trigger: 'axis',
@@ -324,7 +355,7 @@
this.xAxis[0].data = xAxis
})
},
- // 鑾峰彇鍘熻緟鏂欏悎鏍肩巼鍥捐〃鏁版嵁
+ // 鑾峰彇鍘熸潗鏂欏悎鏍肩巼鍥捐〃鏁版嵁
getRawPass() {
const params = {
dateType: this.dateType,
@@ -362,13 +393,13 @@
this.barSeries[0].data = barData
})
},
- changeDate() {
+ changeDate () {
this.getBar()
this.getRawPass()
// this.getOrderType()
// this.getPassRateCom()
},
- changeDatePicker(val) {
+ changeDatePicker (val) {
if (val) {
this.beginDate = val[0] + ' 00:00:00'
this.endDate = val[1] + ' 23:59:59'
@@ -389,18 +420,15 @@
.title {
padding: 10px 0 0 20px;
}
-
.table {
padding: 0 10px 10px;
}
-
.pie-card {
width: 100%;
background: #FFFFFF;
margin-top: 10px;
position: relative;
}
-
.data {
position: absolute;
font-size: 20px;
@@ -409,8 +437,7 @@
top: 42%;
z-index: 1;
}
-
-.inspection-card {
+.inspection-card{
width: 100%;
background: #FFFFFF;
margin-top: 10px;
--
Gitblit v1.9.3