参数功能

whycwx

2021-08-06 11f794ee33771f9c1bab2d417247717d268896b5

 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>