<!--steps3的左侧-->
<template>
    <div class="steps3-dialog-main">
        <select-one  @check="typeCheck" :renderData="typeArr" :isSelected="true" isCheckInfo="EquipmentMarkStandardized" infosKey="EquipmentType" :name="'原始点位描述中识别的设备类型'"></select-one>
        <select-one  @check="paramCheck" :renderData="identifyArr" :isSelected="true" isCheckInfo="PhysicalRelated" infosKey="ownMess" :name="'已标准化的设备标识'"></select-one>
        <div class="own-collape">
            <temp-collape ref="ident" :renderData="identDataArr"></temp-collape>
        </div>
    </div>
</template>
<script>
    import selectOne from "@/components/config_point/select_one"
    import {
        groupRelated,
        queryPoint,
        updatePoint,
        groupParamRelated,
        getNullofParam
    } from "@/fetch/point_http"
    import tempCollape from "./3_temps"
    import identCollape from "./3_identify"
    import {
        mapGetters,
        mapActions
    } from "vuex";
    import handsontableComponent from "@/components/common/handsontable"
    export default {
        name: "updateParam",
        data() {
            return {
                activeName: '1',
                typeArr: [],
                identifyArr: [],
                KeyEquipmentType: "",
                identDataArr: []
            }
        },
        computed: {
            ...mapGetters("project", [
                "projectId",
                "datasourceId",
                "protocolType"
            ])
        },
        created() {
            this.getData()
        },
        mounted() {},
        methods: {
            getData(){
                groupRelated({
                    data: {
                        DataSourceId: this.datasourceId
                    },
                    type: this.protocolType
                },res => {
                    this.typeArr = res.Content
                })
            },
            typeCheck(item){
                console.log(item,"item")
                this.getParamList(item)
            },
            paramCheck(param){
                if(param.EquipmentMark == "空"){
                    //空查询分组信息
                    getNullofParam({
                        data: {
                            DataSourceId: this.datasourceId,
                            KeyEquipmentType: this.KeyEquipmentType
                        },
                        type: this.protocolType
                    },res =>{
                        console.log(res)
                        this.identDataArr = res.Content
                    })
                }else{
                    //不是空的情况查询点位列表
                    console.log(param)
                    queryPoint({
                        data: {
                            Filters: {
                                KeyEquipmentParameter: param.EquipmentParameter,
                                KeyEquipmentType: param.EquipmentType
                                // KeyEquipmentParameter: '温度',
                                // KeyEquipmentType: '冷机'
                            },
                            PageNumber: 1,
                            PageSize: 100
                        },
                        type: this.protocolType
                    },res => {
                        console.log(res,"reslist")
                        this.identDataArr = res.Content
                    })
                }
            },
            //通过type获取param的list
            getParamList(item){
                this.KeyEquipmentType = item.EquipmentType
                groupParamRelated({
                    data: {
                        DataSourceId: this.datasourceId,
                        KeyEquipmentType: item.EquipmentType
                    },
                    type: this.protocolType
                },res => {
                    console.log(res,"res")
                    this.identifyArr = res.Content.map(item => {
                        item.ownMess = item.EquipmentParameter
                        return item
                    })
                })
            }
        },
        components: {
            selectOne,
            handsontableComponent,
            tempCollape,
            identCollape
        }
    }
</script>
<style lang="scss" scoped>
    .steps3-dialog-main {
        height: 400px;
        .own-collape {
            border: 1px solid #ccc;
            float: right;
            width: calc(100% - 520px);
            height: 340px;
            position: relative;
        }
    }
</style>
