From 7a24356ca37e364a1f2474aabb9b3ac2aa0e3831 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期四, 10 四月 2025 16:42:40 +0800
Subject: [PATCH] 检验任务-联调起始时间、终止时间
---
src/views/statisticalCharts/qualificationRateStatistics/index.vue | 90 +++++++++++++++------------------------------
1 files changed, 30 insertions(+), 60 deletions(-)
diff --git a/src/views/statisticalCharts/qualificationRateStatistics/index.vue b/src/views/statisticalCharts/qualificationRateStatistics/index.vue
index 5e7938f..8a828ba 100644
--- a/src/views/statisticalCharts/qualificationRateStatistics/index.vue
+++ b/src/views/statisticalCharts/qualificationRateStatistics/index.vue
@@ -11,18 +11,9 @@
<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">
@@ -32,7 +23,8 @@
<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>
@@ -41,38 +33,23 @@
<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: 34vh;"></Echarts>
+ <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: 34vh;"></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: 34vh;"></Echarts>
+ <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>
@@ -80,17 +57,9 @@
<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>
@@ -109,7 +78,7 @@
export default {
name: "QualificationRateStatistics",
// import 寮曞叆鐨勭粍浠堕渶瑕佹敞鍏ュ埌瀵硅薄涓墠鑳戒娇鐢�
- components: {Echarts},
+ components: { Echarts },
data() {
// 杩欓噷瀛樻斁鏁版嵁
return {
@@ -189,7 +158,7 @@
containLabel: true
},
legend: {
- data: ['鎬绘暟','鍚堟牸鐜�']
+ data: ['鎬绘暟', '鍚堟牸鐜�']
},
tooltip: {
trigger: 'axis',
@@ -197,9 +166,9 @@
type: 'shadow'
}
},
- lineColors: ['#409EFF'],
- barColors: ['#E6A23C'],
- barColors2: ['#adde8b'],
+ lineColors: ['#91A0FC'],
+ barColors: ['#86C1F4'],
+ barColors2: ['#A4EEDA'],
pieTooltip: {
trigger: 'item'
},
@@ -216,7 +185,6 @@
right: '22%',
avoidLabelOverlap: false,
itemStyle: {
- borderRadius: 5,
borderColor: '#fff',
borderWidth: 2
},
@@ -233,7 +201,7 @@
},
},
labelLine: {
- length: 30,
+ length: 20,
length2: 40,
},
data: [
@@ -250,7 +218,6 @@
right: '22%',
avoidLabelOverlap: false,
itemStyle: {
- borderRadius: 5,
borderColor: '#fff',
borderWidth: 2
},
@@ -273,7 +240,7 @@
data: [
{ value: 0, name: '濮旀墭妫�楠�' },
{ value: 0, name: '杩涘巶妫�楠�' },
- { value: 0, name: '瀛ｅ害妫�楠�' },
+ { value: 0, name: '鍙潬鎬ф楠�' },
{ value: 0, name: '鎶芥牱' },
]
}
@@ -376,10 +343,9 @@
// 鑾峰彇鏈湀妫�楠岀被鍨嬫暟閲�
getOrderType() {
getOrderTypeCookie().then((res) => {
- if (res.code === 201) return
this.materialPieSeries1[0].data[0].value = res.data.customer // 濮旀墭
this.materialPieSeries1[0].data[1].value = res.data.enter // 杩涘巶
- this.materialPieSeries1[0].data[2].value = res.data.quarterly // 瀛ｅ害
+ this.materialPieSeries1[0].data[2].value = res.data.quarterly // 鍙潬鎬�
this.materialPieSeries1[0].data[3].value = res.data.spotCheck // 鎶芥牱
})
},
@@ -396,13 +362,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'
@@ -423,15 +389,18 @@
.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;
@@ -440,7 +409,8 @@
top: 42%;
z-index: 1;
}
-.inspection-card{
+
+.inspection-card {
width: 100%;
background: #FFFFFF;
margin-top: 10px;
--
Gitblit v1.9.3