import QtQuick 2.11
import QtQuick.Controls 1.4
import QtQuick.Controls 2.14
import "modbus.js" as ModbusJs

Item {
    id:root

    property alias  swipeview:view
    property alias  positiveTabview:tabview1
    property alias  negativeTabview:tabview2
    property alias  capsizeTabview: tabview3

    SwipeView {
        id: view
        property int tableWidth:980
        currentIndex: pageIndicator.currentIndex
        anchors.fill: parent
        clip: true

        function dataRandomSet1(modelData,max){
            for(var i=0;i<max; i++){
                var number= Math.round(Math.random()*30)
                var obj={}
                obj.pressure=number
                modelData.append(obj)
            }
        }

        function dataRandomSet2(modelData,max){
            for(var i=0;i<max; i++){
                var number= Math.round(Math.random()*(-10))
                var obj={}
                obj.pressure=number
                modelData.append(obj)
            }
        }

        function dataRandomSet3(modelData,max){
            for(var i=0;i<max; i++){
                var number= Math.round(Math.random()*50)
                var obj={}
                obj.pressure=number
                modelData.append(obj)
            }
        }

        TabView {
            id:tabview1

            GraphButton{
                id:graphButton
                x:910
                y:-18
                z:tabview1.z+1
                width: 48
                height: 24
                onUserClicked: {
                    var tab = tabview1.getTab(tabview1.currentIndex)
                    var axisxMax = tab.item.modelData.count
                    generateCurve.show(0,axisxMax,0,50,tab.item.modelData,tab.title,"横轴时间（秒） 纵轴压力(kPa)")
                }
            }


            Tab {
                id:tab
                active: true
                title: "正压第一次开启"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet1(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "正压第二次开启"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet1(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "正压第三次开启"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet1(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "正压第一次密封"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet1(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "正压第二次密封"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet1(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "正压第三次密封"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet1(modelData,20)
//                    }
                }
            }

        }
        TabView {
            id:tabview2
            GraphButton{
                x:910
                y:-18
                z:tabview1.z+1
                width: 48
                height: 24
                onUserClicked: {
                    var tab = tabview2.getTab(tabview2.currentIndex)
                    var axisxMax = tab.item.modelData.count
                    generateCurve.show(0,axisxMax,-10,5,tab.item.modelData,tab.title,"横轴时间（秒） 纵轴压力(kPa)")
                }
            }
            Tab {
                active: true
                title: "负压第一次开启"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet2(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "负压第二次开启"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet2(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "负压第三次开启"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet2(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "负压第一次密封"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet2(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "负压第二次密封"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet2(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "负压第三次密封"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet2(modelData,20)
//                    }
                }
            }

        }

        TabView {
            id:tabview3
            GraphButton{
                x:910
                y:-18
                z:tabview1.z+1
                width: 48
                height: 24
                onUserClicked: {
                    var tab = tabview3.getTab(tabview3.currentIndex)
                    var axisxMax = tab.item.modelData.count
                    generateCurve.show(0,axisxMax,0,50,tab.item.modelData,tab.title,"横轴时间（秒） 纵轴压力(kPa)")
                }
            }
            Tab {
                active: true
                title: "倾覆90度记录"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet3(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "倾覆180度记录"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet3(modelData,20)
//                    }
                }
            }
            Tab {
                active: true
                title: "倾覆270度记录"
                anchors.fill: parent
                anchors.bottomMargin: 5
                RecordTable{
//                    Component.onCompleted: {
//                        view.dataRandomSet3(modelData,20)
//                    }
                }
            }
        }

    }


    PageIndicator {
        id: pageIndicator
        interactive: true
        count: view.count
        currentIndex: view.currentIndex
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
    }

}
