From 4b6b56fc1cbd9f6be12a5bc439e496f29c4b51a1 Mon Sep 17 00:00:00 2001
From: longyvfengyun <496960745@qq.com>
Date: 星期一, 25 三月 2024 10:55:47 +0800
Subject: [PATCH] 内容提交
---
src/views/analysis/fhAnalysis.vue | 66 +++++++++++----------------------
1 files changed, 22 insertions(+), 44 deletions(-)
diff --git a/src/views/analysis/fhAnalysis.vue b/src/views/analysis/fhAnalysis.vue
index a2637cb..8fb305d 100644
--- a/src/views/analysis/fhAnalysis.vue
+++ b/src/views/analysis/fhAnalysis.vue
@@ -286,34 +286,19 @@
" style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
`;
+const cascaderValue = ref([]);
+
const {
+ usefulTimeRangeList,
getBmsAnalysisTime
} = bmsAnalysisTimeModule();
-
-const searchBmsAnalysisTime = async ()=>{
- const res = await getBmsAnalysisTime(analysisType.value);
- console.log(res);
- if(res.code ===1 && res.data) {
- let data = res.data;
- let list = [];
- for(let i=0; i<data.length; i++) {
- let item = data[i];
- let index = -1;
- for(let j=0; j<list.length; j++) {
- let itemJ = list[j];
- if(item.boxSn === itemJ[j].boxSn) {
- index = j;
- }
- }
- }
-
-
- }
+const cascaderHandleChange = ()=>{
+ carName.value = cascaderValue.value[0];
+ timeRange.value = cascaderValue.value[1].split("~");
}
-
onMounted(()=>{
analysisType.value = 3;
- searchBmsAnalysisTime();
+ getBmsAnalysisTime(analysisType.value);
getCarNames();
initChart();
setChart();
@@ -331,33 +316,23 @@
<div class="input-list">
<div class="input-item">
<div class="input-wrapper">
- <div class="input-label">杞﹁締鍚嶇О:</div>
+ <div class="input-label">鏁版嵁绛涢��:</div>
<div class="input-content">
- <el-select v-model="carName" filterable>
- <el-option
- v-for="(item, key) in carList" :key="'key'+key"
- :value="item.key" :label="item.label"></el-option>
- </el-select>
+ <el-cascader
+ class="w400"
+ v-model="cascaderValue"
+ :options="usefulTimeRangeList"
+ @change="cascaderHandleChange">
+ <template #default="{ node, data }">
+ <span>{{ data.label }}</span>
+ <span v-if="!node.isLeaf"> ({{ data.children.length }}) </span>
+ </template>
+ </el-cascader>
</div>
</div>
</div>
<div class="input-item">
- <div class="input-wrapper">
- <div class="input-label">鏃ユ湡閫夋嫨:</div>
- <div class="input-content">
- <el-date-picker
- v-model="timeRange"
- type="datetimerange"
- start-placeholder="寮�濮嬫椂闂�"
- end-placeholder="缁撴潫鏃堕棿"
- format="YYYY-MM-DD HH:mm:ss"
- date-format="YYYY/MM/DD ddd"
- time-format="A hh:mm:ss"></el-date-picker>
- </div>
- </div>
- </div>
- <div class="input-item">
- <el-button :loading="loading" type="primary" @click="searchData">鏌ヨ</el-button>
+ <el-button :disabled="cascaderValue.length === 0" :loading="loading" type="primary" @click="searchData">鏌ヨ</el-button>
</div>
</div>
</div>
@@ -467,4 +442,7 @@
height: 100%;
padding: 8px 0 8px 8px;
}
+/deep/ .el-cascader.w400 {
+ width: 400px;
+}
</style>
--
Gitblit v1.9.1