import QtQuick 2.0
import QtQuick.Controls 2.0
import TcpSocket 2.0
import BCIManager 2.0
Item {
    property int hitIndex: -1
    property bool bStimulate: false
    property int responseTime: 6
    property bool bTest: false
    property bool bConnect: false;
    property var brainTrainForm: null
    property string red: "#EE6352"
    property string green: "#41B962"
    property string yellow: "#F8C434"


    property int currentIndexTenHz: 0
    property var imageFilesTenHz:
         [
            /*"qrc:/DependFile/Source/brainTrain/girl/girl_00.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_01.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_02.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_03.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_04.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_05.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_06.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_07.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_08.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_09.png",*/
            "qrc:/DependFile/Source/brainTrain/test/up/upper_0.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_1.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_2.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_3.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_4.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_5.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_6.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_7.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_8.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_9.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_10.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_11.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_12.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_13.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_14.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_15.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_16.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_17.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_18.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_19.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_20.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_21.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_22.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_23.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_24.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_25.png",
            "qrc:/DependFile/Source/brainTrain/test/up/upper_26.png"
         ]

    property int currentIndexTwelevHz: 0
    property var imageFilesTwelevHz:
         [
            /*"qrc:/DependFile/Source/brainTrain/girl/girl_00.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_01.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_02.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_03.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_04.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_05.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_06.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_07.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_08.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_09.png"*/
            "qrc:/DependFile/Source/brainTrain/test/down/lower_0.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_1.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_2.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_3.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_4.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_5.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_6.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_7.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_8.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_9.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_10.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_11.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_12.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_13.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_14.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_15.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_16.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_17.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_18.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_19.png",
            "qrc:/DependFile/Source/brainTrain/test/down/lower_20.png"
         ]

    property int currentIndexFifteenHz: 0
    property var imageFilesFifteenHz:
         [
            /*"qrc:/DependFile/Source/brainTrain/girl/girl_00.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_01.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_02.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_03.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_04.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_05.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_06.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_07.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_08.png",
            "qrc:/DependFile/Source/brainTrain/girl/girl_09.png"*/
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_01.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_02.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_03.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_04.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_05.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_06.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_07.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_08.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_09.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_10.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_11.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_12.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_13.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_14.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_15.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_16.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_17.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_18.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_19.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_20.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_21.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_22.png",
            "qrc:/DependFile/Source/brainTrain/test/updown/UL_23.png"
         ];


    function startStimulate()
    {
        if(stimulateTimer.running)
        {
            stimulateTimer.stop()
        }
        stimulateTimer.start();
        animationTenHz.start();
        animationTwelveHz.start();
        animationFifteenHz.start();
        if(!bConnect)
        {
            clientSocket.connectToHost();
        }
        clientSocket.writeBytes(getIntArr("1"));
    }


    function stopStimulate()
    {
        if(stimulateTimer.running)
        {
            stimulateTimer.stop()
        }
        if(animationTenHz.running)
        {
            animationTenHz.stop();
            flashingImageTenHz.opacity = 1;
        }
        if(animationTwelveHz.running)
        {
            animationTwelveHz.stop();
            flashingImageTwelveHz.opacity = 1;
        }
        if(animationFifteenHz.running)
        {
            animationFifteenHz.stop();
            flashingImageFifteenHz.opacity = 1;
        }
    }


    function clearHit()
    {
        if(hitIndex === 0)
        {
             ssvepTenHzTimer.stop();
             imageTenHz.source = imageFilesTenHz[0];
        }else if(hitIndex === 1)
        {
             ssvepTwelveHzTimer.stop();
             imageTwelveHz.source = imageFilesTwelevHz[0];
        }else if(hitIndex === 2)
        {
             ssvepFifteenHzTimer.stop();
             imageFifteenHz.source = imageFilesFifteenHz[0];
        }
        if(hitTimer.running)
        {
            hitTimer.stop();
        }
        hitIndex = -1;
    }

    Timer {
        id: hitTimer
        interval: responseTime*1000;
        repeat: false
        onTriggered: {
            clearHit();
            startStimulate();
        }
    }

    Timer {
        id: stimulateTimer
        interval: 10*1000;
        repeat: false
        onTriggered: {
            animationTip.start()
            if(bStimulate)
            {
                stimulateTimer.start();
            }
        }
    }


    Timer {
        id: connectTimer
        interval: 3*1000;
        onTriggered: {
            clientSocket.disconnectFromHost();
            clientSocket.connectToHost();
        }
    }

    function ssvepHit(index)
    {
        if(!bStimulate)
        {
            return;
        }
        if(hitIndex !== -1)
        {
            return;
        }
        if(stimulateTimer.running)
        {
            stimulateTimer.stop()
        }
        if(index === "0")
        {
            ssvepTenHzTimer.start();
            hitTimer.start();
            bci.startTrain(0,responseTime-2);
             hitIndex = 0;
        }else if(index === "1")
        {
            ssvepTwelveHzTimer.start();
            hitTimer.start();
            bci.startTrain(1,responseTime-2);
            hitIndex = 1;
        }else if(index === "2")
        {
            ssvepFifteenHzTimer.start();
            hitTimer.start();
            bci.startTrain(2,responseTime-2);
            hitIndex = 2;
        }else
        {
            hitIndex = -1;
            return;
        }

    }

    function getStr(intArr){
        var str = "";
        for(var i=0;i<intArr.length;i++)
            str += String.fromCharCode(intArr[i]);
        return str;
    }

    function getIntArr(str){
        var ret = [];
        for(var i=0;i<str.length;i++)
            ret.push(str.charCodeAt(i));
        return ret;
    }

    function onExit(){
        if(bConnect)
        {
            clientSocket.writeBytes(getIntArr("2"));
            return true;
        }
        return false;
    }
    function onConnectAndExit(){
        clientSocket.connectToHost();
        clientSocket.writeBytes(getIntArr("2"));
    }

    Component.onCompleted:
    {
        bci.initTrain();
        clientSocket.connectToHost();

        var channels = bci.getChannels();
        for(var i=0;i<channels.length;i++)
        {
            console.log("12344",channels[i])

        }
    }


    TcpSocket{
        id: clientSocket
        peer: "127.0.0.1"
        port: 8099
        onBytesReceived:
        {
            var cmd = getStr(bytes);
            console.info("Client received: " + cmd);
            if(cmd !== "0" && cmd !== "1" && cmd !== "2")
            {
                //判断是不是阻抗数据
                var parts = cmd.split(":");
                //通道序列号
                var channels = bci.getChannels();
                for(var i=0;i<channels.length;i++)
                {
                    console.info(channels[i],parts[channels[i]],popimpedance.minImpedance,popimpedance.maxImpedance);
                    if(channels[i] < parts.length)
                    {
                        if(Number(parts[channels[i]]) < popimpedance.minImpedance)
                        {
                             console.info("green");
                             popimpedance.colorChange(i,green)
                        }else if(Number(parts[channels[i]]) > popimpedance.maxImpedance)
                        {
                            console.info("red");
                            popimpedance.colorChange(i,red)
                        }else
                        {
                            console.info("yellow");
                            popimpedance.colorChange(i,yellow)
                        }
                    }
                }
                return;
            }
            ssvepHit(cmd);
            stopStimulate();

        }
        onConnected:
        {
            console.info("Client socket connected 111111");
            bConnect = true;
            bci.deviceStatus(true);
            if(connectTimer.running)
            {
                connectTimer.stop();
            }
        }
        onDisconnected:
        {
            console.info("Client socket disconnected");
            bConnect = false;
            bci.deviceStatus(false);
        }
        onPeerChanged:
        {
            console.info("Client socket peer changed: " + peer);
        }
        onPortChanged:
        {
            console.info("Client socket port changed: " + port);
        }
        onError:
        {   
            console.info("Client socket error",socketError);
            if(socketError === 0 || socketError === 1)
            {
                connectTimer.start();
            }
        }
    }
    BCIManager
    {
        id:bci;
    }

    Rectangle {
        width: 300;
        height: 60;
        anchors.centerIn: parent
        opacity: 0
        color:"#F9FAFD";
        border.width: 1
        border.color: "#ADCFDD"
        radius: 20;
        z:1
        Text {
            text: qsTr("请集中注意力！")
            width: 144;
            height: 46;
            anchors.top: parent.top;
            anchors.topMargin: 6;
            anchors.left: parent.left;
            anchors.leftMargin: 31;
            color: "#10275A";
            horizontalAlignment: Text.AlignLeft
            verticalAlignment: Text.AlignVCenter
            font.pixelSize: 36;
            font.family: "Medium";
            font.bold: true;
        }
        SequentialAnimation on opacity {
            id: animationTip
            running: false;
            NumberAnimation { to: 1; duration: 0 }
            NumberAnimation { to: 0; duration: 2000 }
        }
    }

    Rectangle{
            anchors.top: parent.top
            anchors.topMargin: 42
            anchors.left: parent.left
            anchors.leftMargin: 100
            anchors.right: parent.right
            anchors.rightMargin: 100
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 178
            Row
            {
               anchors.centerIn: parent
               spacing: 80
               Rectangle
               {
                   id:ssvepTenHz
                   width: 520;
                   height: 760;
                   Rectangle
                   {
                        width: 520;
                        height: 450;
                        anchors.top: parent.top
                        color:"#F9FAFD";
                        border.width: 1
                        border.color: "#ADCFDD"
                        radius: 20;
                        Rectangle
                        {
                             id:tenHzHit
                             visible: ssvepTenHzTimer.running
                             width: 100;
                             height: 36;
                             anchors.top: parent.top;
                             anchors.topMargin: 40;
                             anchors.right: parent.right;
                             anchors.rightMargin: 40;
                             color:Qt.rgba(52,196,163,0.1);
                             border.width: 1;
                             border.color: "#34C4A3";
                             radius: 18;

                             Rectangle
                             {
                                  width: 14;
                                  height: 14;
                                  anchors.top: parent.top;
                                  anchors.topMargin: 11;
                                  anchors.left: parent.left;
                                  anchors.leftMargin: 14;
                                  color:"#34C4A3";
                                  border.width: 1;
                                  border.color: "#34C4A3";
                                  radius: 7;
                             }
                             Text {
                                 text: qsTr("训练中")
                                 width: 72;
                                 height: 26;
                                 anchors.top: parent.top;
                                 anchors.topMargin: 4;
                                 anchors.left: parent.left;
                                 anchors.leftMargin: 32;
                                 color: "#10275A";
                                 horizontalAlignment: Text.AlignLeft
                                 verticalAlignment: Text.AlignVCenter
                                 font.pixelSize: 18
                                 font.family: "Medium"
                             }

                        }

                        Text {
                            text: qsTr("上肢训练")
                            width: 144;
                            height: 46;
                            anchors.top: parent.top;
                            anchors.topMargin: 34;
                            anchors.left: parent.left;
                            anchors.leftMargin: 40;
                            color: "#10275A";
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            font.pixelSize: 36;
                            font.family: "Medium";
                            font.bold: true;
                        }

                        Text {
                            text: qsTr("Upper Limbs Training")
                            width: 194;
                            height: 28;
                            anchors.top: parent.top;
                            anchors.topMargin: 84;
                            anchors.left: parent.left;
                            anchors.leftMargin: 40;
                            color: "#8586A9";
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            font.pixelSize: 20;
                            font.family: "Medium";
                        }
                        Image {
                            id: flashingImageTenHz
                            width: 238;
                            height: 238;
                            anchors.top: parent.top;
                            anchors.topMargin: 162;
                            anchors.left: parent.left;
                            anchors.leftMargin: 141;
                            source: "qrc:/DependFile/Source/brainTrain/vision_img_board_cross.png"
                            opacity: 1
                            SequentialAnimation on opacity {
                                id: animationTenHz
                                running: false;
                                loops: Animation.Infinite
                                NumberAnimation { to: 0; duration: 50 }
                                NumberAnimation { to: 1; duration: 50 }
                            }
                        }
                   }
                   Item {
                       width: 520;
                       height: 280;
                       anchors.bottom: parent.bottom
                       Timer {
                           id: ssvepTenHzTimer
                           interval: 70;
                           repeat: true
                           onTriggered: {
                               currentIndexTenHz = (currentIndexTenHz + 1) % imageFilesTenHz.length;
                               imageTenHz.source = imageFilesTenHz[currentIndexTenHz];
                           }
                       }
                       Image {
                           id: imageTenHz
                           anchors.centerIn: parent
                           source: imageFilesTenHz[0]
                       }
                       Image {
                           visible: !ssvepTenHzTimer.running
                           anchors.centerIn: parent
                           source: "qrc:/DependFile/Source/brainTrain/vision_btn_start.png"
                           z:1
                       }
                   }
               }
               Rectangle
               {
                   id:ssvepTwelveHz
                   width: 520;
                   height: 760;
                   Rectangle
                   {
                        width: 520;
                        height: 450;
                        anchors.top: parent.top
                        color:"#F9FAFD";
                        border.width: 1
                        border.color: "#ADCFDD"
                        radius: 20;
                        Rectangle
                        {
                             id:twelveHzHit
                             visible: ssvepTwelveHzTimer.running
                             width: 100;
                             height: 36;
                             anchors.top: parent.top;
                             anchors.topMargin: 40;
                             anchors.right: parent.right;
                             anchors.rightMargin: 40;
                             color:Qt.rgba(52,196,163,0.1);
                             border.width: 1;
                             border.color: "#34C4A3";
                             radius: 18;

                             Rectangle
                             {
                                  width: 14;
                                  height: 14;
                                  anchors.top: parent.top;
                                  anchors.topMargin: 11;
                                  anchors.left: parent.left;
                                  anchors.leftMargin: 14;
                                  color:"#34C4A3";
                                  border.width: 1;
                                  border.color: "#34C4A3";
                                  radius: 7;
                             }
                             Text {
                                 text: qsTr("训练中")
                                 width: 72;
                                 height: 26;
                                 anchors.top: parent.top;
                                 anchors.topMargin: 4;
                                 anchors.left: parent.left;
                                 anchors.leftMargin: 32;
                                 color: "#10275A";
                                 horizontalAlignment: Text.AlignLeft
                                 verticalAlignment: Text.AlignVCenter
                                 font.pixelSize: 18
                                 font.family: "Medium"
                             }

                        }

                        Text {
                            text: qsTr("下肢训练")
                            width: 144;
                            height: 46;
                            anchors.top: parent.top;
                            anchors.topMargin: 34;
                            anchors.left: parent.left;
                            anchors.leftMargin: 40;
                            color: "#10275A";
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            font.pixelSize: 36;
                            font.family: "Medium";
                            font.bold: true;
                        }

                        Text {
                            text: qsTr("Lower Limbs Training")
                            width: 194;
                            height: 28;
                            anchors.top: parent.top;
                            anchors.topMargin: 84;
                            anchors.left: parent.left;
                            anchors.leftMargin: 40;
                            color: "#8586A9";
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            font.pixelSize: 20;
                            font.family: "Medium";
                        }
                        Image {
                            id: flashingImageTwelveHz
                            width: 238;
                            height: 238;
                            anchors.top: parent.top;
                            anchors.topMargin: 162;
                            anchors.left: parent.left;
                            anchors.leftMargin: 141;
                            source: "qrc:/DependFile/Source/brainTrain/vision_img_board_cross.png"
                            opacity: 1
                            SequentialAnimation on opacity {
                                id: animationTwelveHz
                                running: false;
                                loops: Animation.Infinite
                                NumberAnimation { to: 0; duration: 42 }
                                NumberAnimation { to: 1; duration: 42 }
                            }
                        }
                   }
                   Rectangle {
                       width: 520;
                       height: 280;
                       anchors.bottom: parent.bottom
                       radius:20
                       Timer {
                           id: ssvepTwelveHzTimer
                           interval: 70;
                           repeat: true
                           onTriggered: {
                               currentIndexTwelevHz = (currentIndexTwelevHz + 1) % imageFilesTwelevHz.length;
                               imageTwelveHz.source = imageFilesTwelevHz[currentIndexTwelevHz];
                           }
                       }
                       Image {
                           id: imageTwelveHz
                           anchors.centerIn: parent
                           source: imageFilesTwelevHz[0]
                       }
                       Image {
                           visible: !ssvepTwelveHzTimer.running
                           anchors.centerIn: parent
                           source: "qrc:/DependFile/Source/brainTrain/vision_btn_start.png"
                           z:1
                       }
                   }
               }
               Rectangle
               {
                   id:ssvepFifteenHz
                   width: 520;
                   height: 760;
                   Rectangle
                   {
                        width: 520;
                        height: 450;
                        anchors.top: parent.top
                        color:"#F9FAFD";
                        border.width: 1
                        border.color: "#ADCFDD"
                        radius: 20;
                        Rectangle
                        {
                             id:fifteenHzHit
                             visible: ssvepFifteenHzTimer.running
                             width: 100;
                             height: 36;
                             anchors.top: parent.top;
                             anchors.topMargin: 40;
                             anchors.right: parent.right;
                             anchors.rightMargin: 40;
                             color:Qt.rgba(52,196,163,0.1);
                             border.width: 1;
                             border.color: "#34C4A3";
                             radius: 18;

                             Rectangle
                             {
                                  width: 14;
                                  height: 14;
                                  anchors.top: parent.top;
                                  anchors.topMargin: 11;
                                  anchors.left: parent.left;
                                  anchors.leftMargin: 14;
                                  color:"#34C4A3";
                                  border.width: 1;
                                  border.color: "#34C4A3";
                                  radius: 7;
                             }
                             Text {
                                 text: qsTr("训练中")
                                 width: 72;
                                 height: 26;
                                 anchors.top: parent.top;
                                 anchors.topMargin: 4;
                                 anchors.left: parent.left;
                                 anchors.leftMargin: 32;
                                 color: "#10275A";
                                 horizontalAlignment: Text.AlignLeft
                                 verticalAlignment: Text.AlignVCenter
                                 font.pixelSize: 18
                                 font.family: "Medium"
                             }

                        }

                        Text {
                            text: qsTr("上下肢训练")
                            width: 144;
                            height: 46;
                            anchors.top: parent.top;
                            anchors.topMargin: 34;
                            anchors.left: parent.left;
                            anchors.leftMargin: 40;
                            color: "#10275A";
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            font.pixelSize: 36;
                            font.family: "Medium";
                            font.bold: true;
                        }

                        Text {
                            text: qsTr("Upper and Lower Limb")
                            width: 194;
                            height: 28;
                            anchors.top: parent.top;
                            anchors.topMargin: 84;
                            anchors.left: parent.left;
                            anchors.leftMargin: 40;
                            color: "#8586A9";
                            horizontalAlignment: Text.AlignLeft
                            verticalAlignment: Text.AlignVCenter
                            font.pixelSize: 20;
                            font.family: "Medium";
                        }
                        Image {
                            id: flashingImageFifteenHz
                            width: 238;
                            height: 238;
                            anchors.top: parent.top;
                            anchors.topMargin: 162;
                            anchors.left: parent.left;
                            anchors.leftMargin: 141;
                            source: "qrc:/DependFile/Source/brainTrain/vision_img_board_cross.png"
                            opacity: 1
                            SequentialAnimation on opacity {
                                id: animationFifteenHz
                                running: false;
                                loops: Animation.Infinite
                                NumberAnimation { to: 0; duration: 33 }
                                NumberAnimation { to: 1; duration: 33 }
                            }
                        }
                   }
                   Item {
                       width: 520;
                       height: 280;
                       anchors.bottom: parent.bottom
                       Timer {
                           id: ssvepFifteenHzTimer
                           interval: 70;
                           repeat: true
                           onTriggered: {
                               currentIndexFifteenHz = (currentIndexFifteenHz + 1) % imageFilesFifteenHz.length;
                               imageFifteenHz.source = imageFilesFifteenHz[currentIndexFifteenHz];
                           }
                       }
                       Image {
                           id: imageFifteenHz
                           anchors.centerIn: parent
                           source: imageFilesFifteenHz[0]
                       }
                       Image {
                           visible: !ssvepFifteenHzTimer.running
                           anchors.centerIn: parent
                           source: "qrc:/DependFile/Source/brainTrain/vision_btn_start.png"
                           z:1
                       }
                   }
               }
            }
    }


    Rectangle
    {
         width: 286;
         height: 88;
         anchors.bottom: parent.bottom;
         anchors.bottomMargin: 60;
         anchors.left: parent.left;
         anchors.leftMargin: 817;
         color:"#41B962";
         border.width: 1
         border.color: "#41B962"
         radius: 10;


         Text {
             id:stimulateText
             text: qsTr("开始训练")
             width: 144;
             height: 51;
             anchors.top: parent.top;
             anchors.topMargin: 18;
             anchors.left: parent.left;
             anchors.leftMargin: 71;
             color: "#FFFFFF";
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             font.pixelSize: 36;
             font.family: "Medium";
         }
         MouseArea
            {
                anchors.fill: parent
                onClicked: {
                    if(bStimulate)
                    {
                        stimulateText.text = "继续";
                        stopStimulate();
                        clearHit();
                    }else
                    {
                        stimulateText.text = "暂停";
                        startStimulate();
                    }
                    bStimulate = !bStimulate;
                }
            }
    }

    Rectangle
    {
         width: 86;
         height: 88;
         visible: bTest
         anchors.bottom: parent.bottom;
         anchors.bottomMargin: 60;
         anchors.left: parent.left;
         anchors.leftMargin: 1200;
         color:"#41B962";
         border.width: 1
         border.color: "#41B962"
         radius: 10;

         Text {
             text: qsTr("0")
             width: 86;
             height: 51;
             anchors.top: parent.top;
             anchors.topMargin: 18;
             anchors.left: parent.left;
             anchors.leftMargin: 0;
             color: "#FFFFFF";
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             font.pixelSize: 36;
             font.family: "Medium";
         }
         MouseArea
            {
                anchors.fill: parent
                onClicked: {
                    ssvepHit("0");
                    stopStimulate();
                }
            }
    }

    Rectangle
    {
         width: 86;
         height: 88;
         visible: bTest
         anchors.bottom: parent.bottom;
         anchors.bottomMargin: 60;
         anchors.left: parent.left;
         anchors.leftMargin: 1300;
         color:"#41B962";
         border.width: 1
         border.color: "#41B962"
         radius: 10;

         Text {
             text: qsTr("1")
             width: 86;
             height: 51;
             anchors.top: parent.top;
             anchors.topMargin: 18;
             anchors.left: parent.left;
             anchors.leftMargin: 0;
             color: "#FFFFFF";
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             font.pixelSize: 36;
             font.family: "Medium";
         }
         MouseArea
            {
                anchors.fill: parent
                onClicked: {
                    ssvepHit("1");
                    stopStimulate();
                }
            }
    }

    Rectangle
    {
         width: 86;
         height: 88;
         visible: bTest
         anchors.bottom: parent.bottom;
         anchors.bottomMargin: 60;
         anchors.left: parent.left;
         anchors.leftMargin: 1400;
         color:"#41B962";
         border.width: 1
         border.color: "#41B962"
         radius: 10;

         Text {
             text: qsTr("2")
             width: 86;
             height: 51;
             anchors.top: parent.top;
             anchors.topMargin: 18;
             anchors.left: parent.left;
             anchors.leftMargin: 0;
             color: "#FFFFFF";
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             font.pixelSize: 36;
             font.family: "Medium";
         }
         MouseArea
            {
                anchors.fill: parent
                onClicked: {
                    ssvepHit("2");
                    stopStimulate();
                }
            }
    }
    Rectangle
    {
         width: 160;
         height: 70;
         anchors.bottom: parent.bottom;
         anchors.bottomMargin: 60;
         anchors.left: parent.left;
         anchors.leftMargin: 100;
         color:"#EEF7FD";
//         border.width: 1
//         border.color: "#41B962"
         radius: 10;


         Text {
             id:impedance
             text: qsTr("阻抗")
             width: 31;
             height: 32;
             anchors.top: parent.top;
             anchors.topMargin: 18;
             anchors.left: parent.left;
             anchors.leftMargin: 71;
             color: "#0D9DDB";
             horizontalAlignment: Text.AlignHCenter
             verticalAlignment: Text.AlignVCenter
             font.pixelSize: 32;
             font.family: "Medium";
         }
         Image {
                id:impedance_image
                width:32
                height: 32
                anchors.top: parent.top;
                anchors.topMargin: 18;
                anchors.left: parent.left;
                anchors.leftMargin: 20;
                source: "qrc:/DependFile/Source/brainTrain/btn_Z.png"
            }
         MouseArea
            {
                anchors.fill: parent
                onClicked: {
                    popimpedance.show()
                    popimpedance.colorChange(0,green)
                    popimpedance.colorChange(1,green)
                    popimpedance.colorChange(2,green)
                    popimpedance.colorChange(3,green)
                    popimpedance.colorChange(4,green)
                    popimpedance.colorChange(5,green)
                    popimpedance.colorChange(6,green)
                    popimpedance.colorChange(7,green)
                    popimpedance.colorChange(9,green)
                    popimpedance.colorChange(10,green)
                }

            }
    }
    PopImpedance{
        id:popimpedance
        property int maxImpedance: 15*100
        property int minImpedance: 10*100
        Timer {
            id: impedanceTimer
            interval: 1000
            repeat: true
            onTriggered: {
                clientSocket.writeBytes(getIntArr("0"));
            }
        }
        onVisibleChanged:
        {
            if(visible)
            {
                //impedanceTimer.start();
                //开启阻抗
                clientSocket.writeBytes(getIntArr("3"));
            }else
            {
                //impedanceTimer.stop();
                //关闭阻抗
                clientSocket.writeBytes(getIntArr("4"));
            }
        }
    }
}