From 11f794ee33771f9c1bab2d417247717d268896b5 Mon Sep 17 00:00:00 2001
From: whycwx <1272078254@qq.com>
Date: 星期五, 06 八月 2021 08:55:54 +0800
Subject: [PATCH] 参数功能
---
src/components/site/siteList.vue | 62 +++++++++++++++++++++++++++---
1 files changed, 55 insertions(+), 7 deletions(-)
diff --git a/src/components/site/siteList.vue b/src/components/site/siteList.vue
index 232908d..3a73b99 100644
--- a/src/components/site/siteList.vue
+++ b/src/components/site/siteList.vue
@@ -1,25 +1,35 @@
<template>
<div>
- <van-list
+ <van-collapse v-model="activeNames" @change="changeList()">
+ <van-collapse-item v-for="(item,i) in dataList" :key="i" :title="item.label" :name="i">
+ <span>
+ <ul>
+ <li v-for="(element,i) in item.list" class="group_name" @click="toRouter(element)">{{ element.BattGroupName }}</li>
+ </ul>
+ </span>
+ </van-collapse-item>
+ </van-collapse>
+ <!-- <van-list
:finished="finished"
finished-text="娌℃湁鏇村浜�"
@load="searchStation()"
>
<van-cell v-for="(item,i) in dataList" :key="i" :title="item.label" to="/functionList"/>
- </van-list>
+ </van-list> -->
</div>
</template>
<script>
-import { searchStation } from "@/assets/js/api";
+import { searchStation,searchBattInfo } from "@/assets/js/api";
export default {
data(){
return {
finished: false,
- dataList:[]
+ dataList:[],
+ activeNames:[],
}
},
mounted(){
-
+ this.searchStation();
},
methods:{
searchStation:function(){
@@ -33,6 +43,7 @@
let data = [];
if(rs.code == 1) {
data = rs.data;
+ console.log(data)
}
// 鏍煎紡鍖栨暟鎹�
this.formatData(data);
@@ -42,7 +53,7 @@
let self = this;
let homeList = [];
// 閬嶅巻鏁版嵁鏋勯�犳爲鐘�
- data.forEach(item=>{
+ data.forEach((item,i)=>{
let tmp = {};
tmp.label = item.StationName1+"-"+item.StationName2+"-"+item.StationName5+"-"+item.StationName3;
tmp.key = item.FBSDeviceId+Math.random();
@@ -50,6 +61,7 @@
tmp.data = item;
let index = this.checkValIsIn(tmp.label, homeList);
if(index == -1) {
+ tmp.list = [];
homeList.push(tmp);
}
});
@@ -64,10 +76,46 @@
}
return -1;
},
+ // 鏌ヨ鐢垫睜缁�
+ changeList(){
+ let self = this;
+ self.$nextTick(()=>{
+ self.activeNames.forEach(item => {
+ let arr = self.dataList[item].list;
+ if(arr.length<1){
+ console.log(self.dataList[item])
+ let objs = self.dataList[item].data;
+ searchBattInfo({
+ StationName1:objs.StationName1,
+ StationName2:objs.StationName2,
+ StationName5:objs.StationName5,
+ StationName3:objs.StationName3
+ }).then(res=>{
+ let re = JSON.parse(res.data.result)
+ re.data.forEach(element => {
+ self.dataList[item].list.push(element);
+ });
+ })
+ }
+ });
+ })
+
+ },
+ // 璺宠浆
+ toRouter(element){
+ let self = this;
+ self.$router.push({
+ path: '/functionList',
+ query:element
+ })
+ }
}
}
</script>
<style scoped>
-
+ .group_name{
+ margin-bottom: 14px;
+ margin-left: 10px;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1