Cockpit-cpp/ZjQt/Qt/components/PanelWindow.qml

import QtQuick
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.3
import QtQml 2.3
import QtQuick.Window 2.2
import QtMultimedia
import "backend.js" as Backend
/*
车辆各信息数据展示UI界面
*/
Item {
    property int currentIndex: 0
    property int radarTxtSize: 14
    property color popupBgColorErr: "#b44"
    property color popupBgColorWarn: "#f7bd3e"
    property color popupBgColorOK: "#29b6fb"
    property color popupTextColor: "#ffffff"
    property int radarRedRange: 1500
    property int radarGreenRange: 3000
    property int radarGreenOutRange: 5000
    property var textList: [{
            "text": "  ",
            "visible": true
        }, {
            "text": "动臂提升先导压力传感器故障",
            "visible": appModel.liftPilotPressureSensor_F  
        }, {
            "text": "动臂下降先导压力传感器故障",
            "visible": appModel.loweringPilotPressureSensor_F
        }, {
            "text": "斗杆提升先导压力传感器故障",
            "visible": appModel.leverLiftPilotPressureSensor_F
        }, {
            "text": "斗杆下降先导压力传感器故障",
            "visible": appModel.rodLoweringPilotPressurePensor_F
        }, {
            "text": "车体左回转先导压力传感器故障",
            "visible": appModel.leftTurnPilotPressureSensor_F
        }, {
            "text": "车体右回转先导压力传感器故障",
            "visible": appModel.rightTurnPilotPressureSensor_F
        }, {
            "text": "支腿伸出先导压力传感器故障",
            "visible": appModel.legExtensionPilotPressureSensor_F
        }, {
            "text": "支腿缩回先导压力传感器故障",
            "visible": appModel.legRetractPilotPressureSensor_F
        }, {
            "text": "抓斗开启先导压力传感器故障",
            "visible": appModel.grabOpenPilotPressureSensor_F
        }, {
            "text": "抓斗闭合先导压力传感器故障",
            "visible": appModel.grabClosurePilotPressureSensor_F
        }, {
            "text": "主泵1压力传感器故障",
            "visible": appModel.mainPump1PressureSensor_F
        }, {
            "text": "主泵2压力传感器故障",
            "visible": appModel.mainPump2PressureSensor_F
        }, {
            "text": "动臂无杆腔压力传感器故障",
            "visible": appModel.chamberPressureSensor_F
        }, {
            "text": "斗杆无杆腔压力传感器故障",
            "visible": appModel.bucketRodPressureSensor_F
        }, {
            "text": "驻车压力传感器故障",
            "visible": appModel.parkingPressureSensor_F
        }, {
            "text": "蓄能器压力传感器故障",
            "visible": appModel.accumulatorPressureSensor_F
        }, {
            "text": "油门踏板故障",
            "visible": appModel.gasPedal_F
        }, {
            "text": "油门旋钮故障",
            "visible": appModel.throttleKnob_F
        }, {
            "text": "支腿手柄故障",
            "visible": appModel.legHandle_F
        }, {
            "text": "抓具旋钮故障",
            "visible": appModel.gripKnob_F
        }, {
            "text": "液压油温传感器故障",
            "visible": appModel.hydraulicOilTemperatureSensor_F
        }, {
            "text": "燃油油位传感器故障",
            "visible": appModel.fuelLevelSensor_F
        }, {
            "text": "动臂倾角传感器故障",
            "visible": appModel.boomAngleSensor_F
            //"visible": true
        }, {
            "text": "斗杆倾角传感器通讯故障",
            "visible": appModel.bucketLeverTiltSensor_F
        }, {
            "text": "扩展模块通讯故障",
            "visible": appModel.expansionModule_F
        }, {
            "text": "工作距离超限",
            "visible": appModel.workingDistanceOverrun_F
        }, {
            "text": "燃油油位低",
            "visible": appModel.lowOilLevel_F
        }, {
            "text": "电池电压低",
            "visible": appModel.batteryLowVoltage_F
        }, {
            "text": "电池电压高",
            "visible": appModel.batteryHighVoltage_F
        }, {
            "text": "蓄能器压力异常",
            "visible": appModel.accumulatorPressure_F
        }, {
            "text": "液压油温高",
            "visible": appModel.highHydraulicOilTemperature_F
        }, {
            "text": "机油压力低",
            "visible": appModel.lowOilPressure_F
        }, {
            "text": "冷却液液位低",
            "visible": appModel.coolantLevelLow_F
        }, {
            "text": "冷却液温度高",
            "visible": appModel.coolantTemperatureHigh_F
        }, {
            "text": "系统超载",
            "visible": appModel.systemOverload_F
        }, {
            "text": "安全旁通按下",
            "visible": appModel.safebypassPressDown_F
        }, {
            "text": "发动机SPN故障",
            "visible": appModel.engineSPN_F
        }, {
            "text": "发动机预热中",
            "visible": appModel.engineWarmUp_F
        }, {
            "text": "发动机预热超时",
            "visible": appModel.engineWarmUpTimeout_F
        }, {
            "text": "紧急停止按下",
            "visible": appModel.emergencyStopPress_F
        }, {
            "text": "安全开关阀异常",
            "visible": appModel.safetySwitch !==0
        }, {
            "text": "大臂提升先导比例阀异常",
            "visible": appModel.armLiftPilot !==0
        }, {
            "text": "大臂下降先导比例阀异常",
            "visible": appModel.armLoweringPilot !==0
        }, {
            "text": "斗杆提升先导比例阀异常",
            "visible": appModel.leverLiftingLilot !==0
        }, {
            "text": "斗杆下降先导比例阀异常",
            "visible": appModel.rodLoweringPilot !==0
        }, {
            "text": "左回转先导比例阀异常",
            "visible": appModel.leftRotaryPilot !==0
        }, {
            "text": "右回转先导比例阀异常",
            "visible": appModel.rightRotaryPilot !==0
        }, {
            "text": "抓斗开启先导比例阀异常",
            "visible": appModel.grabOpenPilot !==0
        }, {
            "text": "抓斗闭合先导比例阀异常",
            "visible": appModel.grabClosePilot !==0
        }
        //注释：影响其他报警信息显示
        //, {
            //"text": "怠速保护报警",
            //"visible": appModel.idleProtection
        //}
        ]
        
    property string back_content: "ask content";
    property string move_content: "";
    property int uid: 0
    property string strArea:""
    property string strNo:""

    width: 1920
    height: 1080
    visible: true

    FontLoader {
        id: alibaba
        source: "qrc:/components/font/Alibaba-PuHuiTi-Bold.ttf"
    }

    FontLoader {
        id: fontawesome
        source: "qrc:/components/font/fontawesome-webfont.ttf"
    }

    FontLoader {
        id: digtalFont
        source: "qrc:/components/font/fontawesome-webfont.ttf"
    }


    signal loginSuccess(var userName, var password)

    function loginUser(uname, pword) {
        var ret = Backend.validateUserCredentials(uname, pword)
        var message = ""
        if (ret) {
            message = "用户名或密码输入错误"
            subPopup.popMessage = message
            subPopup.open()
            return
        }
        //        loginSuccess(uname, pword)
        appModel.userLogin(uname, pword);
 
        page_car.visible = true
        page_car.stack = stack
        stack.push(page_car)
    }
     function moveBegin(area,no)
     {
         appModel.moveBegin(area,no)
         back_content="\t 自动驾驶即将启动 \n\t 是否还需要保持远程监控";
         trackDialog.visible=true;
          /*
         if(appModel.autoClose())
         {
           page_detail.disconnect()
         
           appModel.leaveCar()
          
          
           stack.pop()
          
           stack.pop()

         }
         */
         
     }
    function carManage(){
       
       stack.pop()
    }
    function workManage(){
       page_work.visible=true;
       page_work.stack=stack;
       stack.push(page_work)
    }
    objectName: "tst"
    function popDialog(str,area,no, vid)
    {   
         strArea=String.fromCharCode(0x41+area)+""
         no= no+1
         strNo=(no<3?"新"+strArea+(no+1).toString()+"罐":strArea+(no-2).toString()+"罐")
        back_content=str+"已经到达"+strNo+"区域 \n\t   请求远程操控";
        uid=vid;
        backDialog.visible=true;
     }
    function moveErrorDialog(desc)
    {
        strDesc="不能执行自动驾驶"
        if(desc===1)
        {
          back_content=strDesc+"(未能获取编码器数据)";

        }
        else
        {
           back_content=strDesc+"(未知错误)";
        }
        moveErrorDlg.visible=true;
    }
   

    function carSelect(id) {
        appModel.connectCar(id)
    }

    function track()
    {
     //  appModel.track()
    }
    function unTrack()
    {

        

        console.log('1111111');
        //appModel.leaveCar()
        appModel.ready = false
        stack.pop()
        page_detail.update()
        stack.pop()


    }

    Popup {
        id: subPopup

        property alias popMessage: message.text

        background: Rectangle {
            id: subPopupBg
            implicitWidth: 1920
            implicitHeight: 60
            color: popupBgColorErr
        }
        y: (parent.height - 60)
        modal: true
        focus: true
        closePolicy: Popup.CloseOnPressOutside
        Text {
            id: message
            anchors.centerIn: parent
            font.pointSize: 12
            color: popupTextColor
            font.family: alibaba.name
        }
        onOpened: subPopupClose.start()
    }

    Timer {
        id: subPopupClose
        interval: 3000
        onTriggered: subPopup.close()
    }

    Rectangle {
        anchors.fill: parent
        Image {
            fillMode: Image.PreserveAspectFit
            source: 'qrc:/images/bg.png'
        }
        
        
        //增加声音--用于测试
        Rectangle {
            id: test222
            color: "red"
            width: 80
            height: 750
            z: 101
            anchors.top: powerLegImg4.top
            anchors.topMargin: 60
            anchors.left: powerLegImg4.left
            anchors.leftMargin: 10
            visible:false
            /*
            SoundEffect {
                id: audio
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Component.onCompleted:{
                audio.play()
            }
            
            Connections {
                target: appModel
                onSigSoundIsPlay: {
                    //console.log(par1)
                    if (Number(par1) === 0) {
                        audio.stop()
                    } else {
                        audio.play()
                    }
                }
            }
            
            //发动机声音
            SoundEffect {
                //Audio{
                id: engineSpeedPlaySound
                //source: "qrc:/sound/enginSound.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
                //loops:1
            }
            Connections {
                target: appModel
                onEngineSpeedPlay: {
                    //console.log(par2)
                    if (Number(par2) === 0) {
                        engineSpeedPlaySound.stop()
                    } else {
                        if ((Number)(engineSpeedPlaySound.playing) === 0) {
                            engineSpeedPlaySound.play()
                        }
                    }
                }
            }
            */
            
            //R挡声音
            SoundEffect {
                id: gearRPlaySound
                source: "qrc:/sound/gearRPlaySound.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel

                onGearRPlay: {
                    //console.log(par5)
                    if (Number(par5) === 0) {
                        gearRPlaySound.stop()
                    } else {
                        if ((Number)(gearRPlaySound.playing) === 0) {
                            gearRPlaySound.play()
                        }
                    }
                }
            }
            
            /*
            //蜂鸣器声音
            SoundEffect {
                id: buzzerPlayIt
                //source: "qrc:/sound/blowSoundPlayIt.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onBuzzerPlayIt: {
                    //console.log(par6)
                    if (Number(par6) === 0) {
                        buzzerPlayIt.stop()
                    } else {
                        if ((Number)(buzzerPlayIt.playing) === 0) {
                            buzzerPlayIt.play()
                        }
                    }
                }
            }
            */
            
            //左转声音
            SoundEffect {
                id: lightLPlaySound
                source: "qrc:/sound/lightLPlaySound.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onLightLPlay: {
                    //console.log(par3)
                    if (Number(par3) === 0) {
                        lightLPlaySound.stop()
                    } else {
                        if ((Number)(lightLPlaySound.playing) === 0) {
                            lightLPlaySound.play()
                        }
                    }
                }
            }

            //右转声音
            SoundEffect {
                id: lightRPlaySound
                source: "qrc:/sound/lightRPlaySound.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onLightRPlay: {
                    //console.log(par4)
                    if (Number(par4) === 0) {
                        lightRPlaySound.stop()
                    } else {
                        if ((Number)(lightRPlaySound.playing) === 0) {
                            lightRPlaySound.play()
                        }
                    }
                }
            }
            
            
            //超声波雷达1的声音
            SoundEffect {
                id: radarOneSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite                                                
            }
            Connections {
                target: appModel
                onSetRadar1Play: {//console.log("------------"+Number(Radar1Value)+appModel.ready+"-----------------")
                    if (appModel.ready == false||Number(Radar1Value) > 1000) {
                        radarOneSound.stop()
                    } 
                    else {//console.log("+++++++++++++++"+(Number)(radarOneSound.playing)+"++++++++++++++++")
                        if ((Number)(radarOneSound.playing) === 0) {
                            radarOneSound.play()
                        }
                    }
                }
            }
                    
            //超声波雷达2的声音
            SoundEffect {
                id: radarTwoSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar2Play: {
                    if (appModel.ready == false||Number(Radar2Value) > 1000) {
                        radarTwoSound.stop()
                    } else {
                        if ((Number)(radarTwoSound.playing) === 0) {
                            radarTwoSound.play()
                        }
                    }
                }
            }
            //超声波雷达3的声音 
            SoundEffect {
                id: radarThreeSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar3Play: {
                    if (appModel.ready == false||Number(Radar3Value) > 1000) {
                        radarThreeSound.stop()
                    } else {
                        if ((Number)(radarThreeSound.playing) === 0) {
                            radarThreeSound.play()
                        }
                    }
                }
            }
            //超声波雷达4的声音
            SoundEffect {
                id: radarFourSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar4Play: {
                    if (appModel.ready == false||Number(Radar4Value) > 1000) {
                        radarFourSound.stop()
                    } else {
                        if ((Number)(radarFourSound.playing) === 0) {
                            radarFourSound.play()
                        }
                    }
                }
            }
            //超声波雷达5的声音
            SoundEffect {
                id: radarFiveSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar5Play: {
                    if (appModel.ready == false||Number(Radar5Value) > 1000) {
                        radarFiveSound.stop()
                    } else {
                        if ((Number)(radarFiveSound.playing) === 0) {
                            radarFiveSound.play()
                        }
                    }
                }
            }
            //超声波雷达6的声音
            SoundEffect {
                id: radarSixSound
                source:"qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar6Play: {
                    if (appModel.ready == false||Number(Radar6Value) > 1000) {
                        radarSixSound.stop()
                    } else {
                        if ((Number)(radarSixSound.playing) === 0) {
                            radarSixSound.play()
                        }
                    }
                }
            }
            //超声波雷达7的声音
            SoundEffect {
                id: radarSevenSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar7Play: {
                    if (appModel.ready == false||Number(Radar7Value) > 1000) {
                        radarSevenSound.stop()
                    } else {
                        if ((Number)(radarSevenSound.playing) === 0) {
                            radarSevenSound.play()
                        }
                    }
                }
            }
            //超声波雷达8的声音
            SoundEffect {
                id: radarEightSound
                source: "qrc:/sound/beep-1.wav"
                volume: 1.0
                loops: SoundEffect.Infinite
            }
            Connections {
                target: appModel
                onSetRadar8Play: {
                    if (appModel.ready == false||Number(Radar8Value) > 1000) {
                        radarEightSound.stop()
                    } else {
                        if ((Number)(radarEightSound.playing) === 0) {
                            radarEightSound.play()
                        }
                    }
                }
            }
        }
        
        
        //此处加入的
        Row {
            Rectangle {
                id: statusLeftLogin
                anchors.fill: parent
                visible: false
                color: 'transparent'
                //登录界面最左侧上边框
                Image {
                    id: sideUp_left
                    x:-60
                    z: 99

                    width:150
                    height:720
                    visible: true
                    source: 'qrc:/images/sideUp_left.png'
                }
                //登录界面最右侧上边框
                Image {
                    id: sideUp_right
                    x: 300
                    z: 99
                    width:150
                    height:720
                    visible: true
                    source: 'qrc:/images/sideUp_right1.png'
                }
                //登录界面最左侧下边框
                Image {
                    id: sideDown_left
                    z: 99
                    height: 400
                    anchors.left: statusLeftLogin.left
                    anchors.leftMargin: 0
                    anchors.top: sideUp_left.bottom
                    anchors.topMargin: -7
                    fillMode: Image.Stretch
                    visible: true
                    source: 'qrc:/images/sideDown_left.png'
                }
                //登录界面最右侧下边框
                Image {
                    id: sideDown_right
                    z: 99
                    height: 400
                    anchors.right: statusLeftLogin.right
                    anchors.rightMargin: -50 - 400
                    anchors.top: sideUp_right.bottom
                    anchors.topMargin: 0 - 10
                    fillMode: Image.Stretch
                    visible: true
                    source: 'qrc:/images/sideDown_right.png'
                }
                Image {
                    id:powerLegImg1
                    visible: appModel.leftFrontLegChosed === true
                    anchors.top:sideDown_right.top
                    anchors.topMargin: 270
                    anchors.left:sideDown_right.right
                    anchors.leftMargin:30
                    source: 'qrc:/images/powerLeg.png'
                    z: 99
                }
                Text {
                    id:powerLegText1
                    z:100
                    visible: appModel.leftFrontLegChosed === true
                    anchors.top:powerLegImg1.top
                    anchors.topMargin: 60
                    anchors.left:powerLegImg1.left
                    anchors.leftMargin:10
                    text:"支腿1"
                    color:"#00FF66"
                    font{
                        family:"Cambria"
                        pointSize:10
                        
                    }
                }
                Image {
                    id:powerLegImg2
                    visible: appModel.rightFrontLegChosed === true
                    anchors.top:sideDown_right.top
                    anchors.topMargin: 270
                    anchors.left:sideDown_right.right
                    anchors.leftMargin:130
                    source: 'qrc:/images/powerLeg.png'
                    z: 99
                }
                Text {
                    id:powerLegText2
                    z:100
                    visible: appModel.rightFrontLegChosed === true
                    anchors.top:powerLegImg2.top
                    anchors.topMargin: 60
                    anchors.left:powerLegImg2.left
                    anchors.leftMargin:10
                    text:"支腿2"
                    color:"#00FF66"
                    font{
                        family:"Cambria"
                        pointSize:10
                    }
                }
                Image {
                    id:powerLegImg3
                    visible: appModel.leftRearLegChosed === true
                    anchors.top:sideDown_right.top
                    anchors.topMargin: 270
                    anchors.left:sideDown_right.right
                    anchors.leftMargin:830
                    source: 'qrc:/images/powerLeg.png'
                    z: 99
                }
                Text {
                    id:powerLegText3
                    z:100
                    visible: appModel.leftRearLegChosed === true
                    anchors.top:powerLegImg3.top
                    anchors.topMargin: 60
                    anchors.left:powerLegImg3.left
                    anchors.leftMargin:10
                    text:"支腿3"
                    color:"#00FF66"
                    font{
                        family:"Cambria"
                        pointSize:10
                    }
                }
                Image {
                    id:powerLegImg4
                    visible: appModel.rightRearLegChosed === true
                    anchors.top:sideDown_right.top
                    anchors.topMargin: 270
                    anchors.left:sideDown_right.right
                    anchors.leftMargin:930
                    source: 'qrc:/images/powerLeg.png'
                    z: 99
                }
                
                Text {
                    id:powerLegText4
                    z:100
                    visible: appModel.rightRearLegChosed === true
                    anchors.top:powerLegImg4.top
                    anchors.topMargin: 60
                    anchors.left:powerLegImg4.left
                    anchors.leftMargin:10
                    text:"支腿4"
                    color:"#00FF66"
                    font{
                        family:"Cambria"
                        pointSize:10
                    }
                }
                
                
                
                //左侧车辆信息
                Column {
                    id: carDataColumn
                    width: 80
                    height: 750
                    anchors.top: statusLeftLogin.top
                    anchors.topMargin: 0

                    //anchors.horizontalCenter: statusData.horizontalCenter
                    Text {
                        id: posData
                        text: "车辆姿态:"
                        color: mainTextColor
                        anchors.top: carDataColumn.top
                        anchors.topMargin: 20
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 20
                        font.family: alibaba.name
                        font.pointSize: 20
                        anchors.horizontalCenter: statusData.horizontalCenter
                    }

                    Image {
                        //抓钢车侧视图片
                        id: posSide
                        anchors.top: posData.bottom
                        anchors.topMargin: -10
                        anchors.left: posData.left
                        anchors.leftMargin: 0
                        width: 360 / 2
                        height: 240 / 2
                        fillMode: Image.Stretch
                        source: 'qrc:/images/side_view.png'
                        anchors.horizontalCenter: statusData.horizontalCenter
                        Component.onCompleted: {
                            posSideTimer.start()
                        }
                    }

                    RotationAnimation {
                        id: posSideRota
                        target: posSide
                        from: 0
                        to: 0
                        duration: 100
                    }

                    Timer {
                        id: posSideTimer1
                        interval: 2000
                        repeat: true
                        onTriggered: {
                            posSideAnim.from = 0
                            posSideAnim.to = appModel.imux
                            posSideAnim.start()
                        }
                    }

                    Row {
                        id: postextRow
                        anchors.top: posSide.bottom
                        anchors.topMargin: 0
                        anchors.left: posSide.left
                        anchors.leftMargin: 0
                        Text {
                            id: yAngleLogin
                            text: "横向倾角度:"
                            color: mainTextColor
                            anchors.left: postextRow.left
                            anchors.leftMargin: 20
                            font.family: alibaba.name
                            font.pointSize: 14
                        }
                        spacing: 50
                        Text {
                            id: yAngleValueLogin
                            text: appModel.imux.toFixed(0)
                            color: appModel.imux >= 30 ? 'red' : '#FFFFFF'
                            anchors.left: yAngleLogin.right
                            anchors.leftMargin: 20
                            font.family: digtalFont.name
                            font.pointSize: 18
                            Component.onCompleted: {
                                console.log("appModel.imux", appModel.imux)
                            }
                        }
                    }

                    Image {
                        //抓钢车后视图片
                        id: posRear
                        anchors.top: posData.bottom
                        anchors.topMargin: -10
                        anchors.left: posData.left
                        anchors.leftMargin: 170
                        width: 360 / 2
                        height: 240 / 2
                        fillMode: Image.Stretch
                        source: 'qrc:/images/rear_view.png'
                        anchors.horizontalCenter: statusData.horizontalCenter
                        Component.onCompleted: {
                            posRearTimer.start()
                        }
                    }

                    RotationAnimation {
                        id: posRearAnim
                        target: posRear
                        from: 0
                        to: 0
                        duration: 100
                    }

                    Timer {
                        id: posRearTimer1
                        interval: 2000
                        repeat: true
                        onTriggered: {
                            posRearAnim.from = 0
                            posRearAnim.to = appModel.imuy
                            posRearAnim.start()
                        }
                    }

                    Row {
                        id: xAngleRow
                        anchors.top: posRear.bottom
                        anchors.topMargin: 0
                        anchors.left: posRear.left
                        anchors.leftMargin: 0
                        Text {
                            id: xAngle
                            text: "纵向倾角度:"
                            color: mainTextColor
                            anchors.left: xAngleRow.left
                            anchors.leftMargin: 40
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: xAngleValue
                            text: appModel.imux.toFixed(0)
                            color: appModel.imux >= 30 ? 'red' : '#FFFFFF'
                            anchors.left: xAngle.right
                            anchors.leftMargin: 20
                            Component.onCompleted: {
                                console.log("appModel.imux", appModel.imux)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                    }
                                       
                    Row {
                        //燃油油位
                        id: fuelLevel
                        anchors.top: xAngleRow.bottom
                        anchors.topMargin: 40
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: fuelLevelImage
                            anchors.left: fuelLevel.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/fuelLevel.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: fuelLevelText
                            text: "燃油    油位:"
                            color: mainTextColor
                            anchors.left: fuelLevelImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: fuelLevelTextValue
                            anchors.left: fuelLevelText.right
                            anchors.leftMargin: 30
                            text: appModel.fuelLevel.toFixed(0)
                            //color: appModel.fuelLevel <= 10 ? 'red' : '#FFFFFF'
                            color:'#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.fuelLevel",
                                            appModel.fuelLevel)
                            }

                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: fuelLevelText1
                            text: "%"
                            color: mainTextColor
                            anchors.left: fuelLevelText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //发动机水温
                        id: waterTemperature
                        anchors.top: fuelLevel.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: waterTemperatureImage
                            anchors.left: waterTemperature.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/waterTemperature.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: waterTemperatureText
                            text: "发动机水温:"
                            color: mainTextColor
                            anchors.left: waterTemperatureImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: waterTemperatureTextValue
                            anchors.left: waterTemperatureText.right
                            anchors.leftMargin: 30
                            text: (appModel.engineTemperature / 100 - 100).toFixed(
                                      0)
                            //color: appModel.engineTemperature / 100 >= 100 ? 'red' : '#FFFFFF'
                            color:'#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.engineTemperature",
                                            appModel.engineTemperature)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: waterTemperatureText1
                            text: "℃"
                            color: mainTextColor
                            anchors.left: waterTemperatureText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //液压油油温
                        id: oilTemperature
                        anchors.top: waterTemperature.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: oilTemperatureImage
                            anchors.left: oilTemperature.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/oilTemperature.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: oilTemperatureText
                            text: "液压油油温:"
                            color: mainTextColor
                            anchors.left: oilTemperatureImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: oilTemperatureTextValue
                            anchors.left: oilTemperatureText.right
                            anchors.leftMargin: 30
                            text: (appModel.hydraulicOilTemperature / 100).toFixed(
                                      0)
                            color: appModel.hydraulicOilTemperature / 100 >= 160 ? 'red' : '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.hydraulicOilTemperature",
                                            appModel.hydraulicOilTemperature)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: oilTemperatureText1
                            text: "℃"
                            color: mainTextColor
                            anchors.left: oilTemperatureText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //主泵1压力
                        id: pumpPressure1
                        anchors.top: oilTemperature.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: pumpPressure1Image
                            anchors.left: pumpPressure1.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/pumpPressure.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: pumpPressure1Text
                            text: "主泵 1 压力:"
                            color: mainTextColor
                            anchors.left: pumpPressure1Image.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: pumpPressure1TextValue
                            anchors.left: pumpPressure1Text.right
                            anchors.leftMargin: 30
                            text: (appModel.mainPump1Pressure / 100).toFixed(0)
                            color: appModel.mainPump1Pressure / 100 >= 260 ? 'red' : '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.mainPump1Pressure",
                                            appModel.mainPump1Pressure)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: pumpPressure1Text1
                            text: "bar"
                            color: mainTextColor
                            anchors.left: pumpPressure1Text.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //主泵2压力
                        id: pumpPressure2
                        anchors.top: pumpPressure1.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: pumpPressure2Image
                            anchors.left: pumpPressure2.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/pumpPressure.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: pumpPressure2Text
                            text: "主泵 2 压力:"
                            color: mainTextColor
                            anchors.left: pumpPressure2Image.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: pumpPressure2TextValue
                            anchors.left: pumpPressure2Text.right
                            anchors.leftMargin: 30
                            text: (appModel.mainPump2Pressure / 100).toFixed(0)
                            color: appModel.mainPump2Pressure / 100 >= 260 ? 'red' : '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.mainPump2Pressure",
                                            appModel.mainPump2Pressure)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: pumpPressure2Text1
                            text: "bar"
                            color: mainTextColor
                            anchors.left: pumpPressure2Text.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //手柄挡位----改为水箱水位
                        id: handleGear
                        anchors.top: pumpPressure2.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: handleGearImage
                            anchors.left: handleGear.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/handleGear.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: handleGearText
                            text: "水箱    水位:"
                            color: mainTextColor
                            anchors.left: handleGearImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: handleGearTextValue
                            anchors.left: handleGearText.right
                            anchors.leftMargin: 30
                            text: appModel.handGear.toFixed(0)
                            color: '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.handGear",
                                            appModel.handGear)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: handleGearText1
                            text: "%"
                            color: mainTextColor
                            anchors.left: handleGearText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //实际挡位------发动机机油压力
                        id: gearPosition
                        anchors.top: handleGear.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: gearPositionImage
                            anchors.left: gearPosition.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/handleGear.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: gearPositionText
                            text: "机油    压力:"
                            color: mainTextColor
                            anchors.left: gearPositionImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: gearPositionTextValue
                            anchors.left: gearPositionText.right
                            anchors.leftMargin: 30
                            text: appModel.actualGear.toFixed(0)
                            color: '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.actualGear",
                                            appModel.actualGear)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: gearPositionText1
                            text: "Kpa"
                            color: mainTextColor
                            anchors.left: gearPositionText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //抓具高度
                        id: gripperHeight
                        anchors.top: gearPosition.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: gripperHeightImage
                            anchors.left: gripperHeight.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/gripperHeight.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: gripperHeightText
                            text: "抓具    高度:"
                            color: mainTextColor
                            anchors.left: gripperHeightImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: gripperHeightTextValue
                            anchors.left: gripperHeightText.right
                            anchors.leftMargin: 30
                            text: appModel.gripperHeight.toFixed(1)
                            color: '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.gripperHeight",
                                            appModel.gripperHeight)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: gripperHeightText1
                            text: "m"
                            color: mainTextColor
                            anchors.left: gripperHeightText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //幅度
                        id: amplitude
                        anchors.top: gripperHeight.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: amplitudeImage
                            anchors.left: amplitude.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/amplitude.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: amplitudeText
                            text: "幅度            :"
                            color: mainTextColor
                            anchors.left: amplitudeImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: amplitudeTextValue
                            anchors.left: amplitudeText.right
                            anchors.leftMargin: 30
                            text: appModel.amplitude1.toFixed(1)
                            color: '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.amplitude",
                                            appModel.amplitude1)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: amplitudeText1
                            text: "m"
                            color: mainTextColor
                            anchors.left: amplitudeText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //动臂角度
                        id: boomAngle
                        anchors.top: amplitude.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: boomAngleImage
                            anchors.left: boomAngle.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/boomAngle.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: boomAngleText
                            text: "动臂    角度:"
                            color: mainTextColor
                            anchors.left: boomAngleImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: boomAngleTextValue
                            anchors.left: boomAngleText.right
                            anchors.leftMargin: 30
                            text: (appModel.boomAngle / 100 - 100).toFixed(0)
                            color: '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.boomAngle",
                                            appModel.boomAngle / 100 - 100)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: boomAngleText1
                            text: "°"
                            color: mainTextColor
                            anchors.left: boomAngleText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //斗杆角度
                        id: stickAngle
                        anchors.top: boomAngle.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: stickAngleImage
                            anchors.left: stickAngle.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/stickAngle.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: stickAngleText
                            text: "斗杆    角度:"
                            color: mainTextColor
                            anchors.left: stickAngleImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: stickAngleTextValue
                            anchors.left: stickAngleText.right
                            anchors.leftMargin: 30
                            text: (appModel.stickAngle / 100 - 180).toFixed(0)
                            color: '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.stickAngle",
                                            appModel.stickAngle / 100 - 180)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Text {
                            id: stickAngleText1
                            text: "°"
                            color: mainTextColor
                            anchors.left: stickAngleText.right
                            anchors.leftMargin: 90
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //前轮对中
                        id: frontToggle
                        anchors.top: stickAngle.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: frontToggleImage
                            anchors.left: frontToggle.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/frontToggle.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: frontToggleText
                            text: "前轮    对中:"
                            color: mainTextColor
                            anchors.left: frontToggleImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: frontToggleTextValue
                            anchors.left: frontToggleText.right
                            anchors.leftMargin: 30
                            text: "已对中"
                            visible: appModel.frontToggle === true
                            color: mainTextColor
                            Component.onCompleted: {
                                console.log("appModel.frontToggle",
                                            appModel.frontToggle)
                            }
                            font.family: alibaba.name
                            font.pointSize: 14
                        }
                        Text {
                            id: frontToggleText1
                            text: "未对中"
                            visible: appModel.frontToggle === false
                            color: "red"
                            anchors.left: frontToggleText.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //后轮对中
                        id: backToggle
                        anchors.top: frontToggle.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: backToggleImage
                            anchors.left: backToggle.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/backToggle.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: backToggleText
                            text: "后轮    对中:"
                            color: mainTextColor
                            anchors.left: backToggleImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: backToggleTextValue
                            anchors.left: backToggleText.right
                            anchors.leftMargin: 30
                            text: "已对中"
                            visible: appModel.backToggle === true
                            color: mainTextColor
                            Component.onCompleted: {
                                console.log("appModel.backToggle",
                                            appModel.backToggle)
                                //sss
                                //console.log(appModel.boomAngleSensor_F)
                                //console.log(appModel.grabClosurePilotPressureSensor_F)
                            }
                            font.family: alibaba.name
                            font.pointSize: 14
                        }
                        Text {
                            id: backToggleText1
                            text: "未对中"
                            visible: appModel.backToggle === false
                            color: "red"
                            anchors.left: backToggleText.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }
                    Row {
                        //启动联锁
                        id: interLockShow
                        anchors.top: backToggle.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: interLockImage
                            anchors.left: interLockShow.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/interlock.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: interLockText
                            text: "启动    联锁:"
                            color: mainTextColor
                            anchors.left: interLockImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: interLockTextValue
                            anchors.left: interLockText.right
                            anchors.leftMargin: 30
                            text: "已启动"
                            visible: appModel.interLock === 1
                            color: mainTextColor
                            Component.onCompleted: {
                                console.log("appModel.backToggle",
                                            appModel.backToggle)
                                //sss
                                //console.log(appModel.boomAngleSensor_F)
                                //console.log(appModel.grabClosurePilotPressureSensor_F)
                            }
                            font.family: alibaba.name
                            font.pointSize: 14
                        }
                        Text {
                            id: interLockText1
                            text: "未启动"
                            visible: appModel.interLock === 0
                            color: "red"
                            anchors.left: interLockText.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }
                    Row {
                        //安全开关阀
                        id: safetyValvesShow
                        anchors.top: interLockShow.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: safetyValvesImage
                            anchors.left: safetyValvesShow.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/safetyvalves.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: safetyValvesText
                            text: "安全    阀门:"
                            color: mainTextColor
                            anchors.left: safetyValvesImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: safetyValvesTextValue
                            anchors.left: safetyValvesText.right
                            anchors.leftMargin: 30
                            text: "已开启"
                            visible: appModel.safetyValves === 1
                            color: mainTextColor
                            Component.onCompleted: {
                                console.log("appModel.backToggle",
                                            appModel.backToggle)
                                //sss
                                //console.log(appModel.boomAngleSensor_F)
                                //console.log(appModel.grabClosurePilotPressureSensor_F)
                            }
                            font.family: alibaba.name
                            font.pointSize: 14
                        }
                        Text {
                            id: safetyValvesText1
                            text: "未开启"
                            visible: appModel.safetyValves === 0
                            color: "red"
                            anchors.left: safetyValvesText.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //下位机故障警告
                        id: faulty
                        anchors.top: safetyValvesShow.bottom
                        anchors.topMargin: 30
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: faultyImage
                            anchors.left: faulty.left
                            anchors.leftMargin: 30
                            width: 24
                            height: 24
                            fillMode: Image.Stretch
                            source: 'qrc:/images/faulty.png'
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: faultyText
                            text: "故障:"
                            color: mainTextColor
                            anchors.left: faultyImage.right
                            anchors.leftMargin: 30
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 20

                        Timer {
                            id: timer
                            interval: textList[currentIndex].visible ? 3000 : 0
                            running: true
                            repeat: true
                            onTriggered: {
                                //console.log("动臂倾角故障"，appModel.boomAngleSensor_F)   
                                do {
                                    currentIndex = (currentIndex + 1) % textList.length
                                } while (!textList[currentIndex].visible)
                            }
                        }

                        Text {
                            id: faultyTextValue
                            anchors.left: faultyText.right
                            anchors.leftMargin: 30
                            text: textList[currentIndex].text
                            color: 'red'
                            font.family: alibaba.name
                            font.pointSize: 14
                            visible: textList[currentIndex].visible
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                    }

                    Row {
                        //仪表盘1
                        id: dashboard1
                        anchors.top: faulty.bottom
                        anchors.topMargin: 100
                        anchors.left: carDataColumn.left
                        anchors.leftMargin: 10
                        Image {
                            id: dashboardImage1
                            z: 99
                            height: 200
                            width: 200
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/engineSpeed.png'
                        }
                        Image {
                            id: pointer1
                            x: dashboardImage1.width / 2 - pointer1.width / 2 - 20
                            y: dashboardImage1.height / 2 - pointer1.height / 2 + 10
                            z: 99
                            height: 94 / 2
                            width: 140 / 2
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/pointer.png'
                            Component.onCompleted: {
                                posPointer1Timer.start()
                            }
                            transform: Rotation {
                                id: rotation
                                origin.x: pointer1.width / 2 + 20
                                origin.y: pointer1.height / 2 - 10
                                angle: 0
                            }
                        }

                        RotationAnimation {
                            id: posPointer1
                            target: rotation
                            from: 0
                            to: 0
                            duration: 100
                        }

                        Timer {
                            id: posPointer1Timer
                            interval: 500
                            repeat: true
                            onTriggered: {
                                //posPointer1.from = 0
                                //posPointer1.to = (appModel.engineSpeed/5000)*240
                                posPointer1.to = appModel.engineSpeed / 5000 * 240
                                posPointer1.from = posPointer1.to
                                posPointer1.start()
                            }
                        }
                        Text {
                            id: dashboard1Text
                            anchors.bottom: dashboardImage1.bottom
                            anchors.bottomMargin: -40
                            anchors.left: dashboard1.left
                            anchors.leftMargin: 55
                            text: "发动机转速"
                            color: mainTextColor
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: dashboard1Text1
                            anchors.bottom: dashboard1Text.bottom
                            anchors.bottomMargin: -20
                            anchors.left: dashboard1Text.left
                            anchors.leftMargin: 25
                            text: "rpm"
                            color: mainTextColor
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: dashboardImage1TextValue
                            anchors.bottom: dashboard1Text1.bottom
                            anchors.bottomMargin: -35
                            anchors.left: dashboard1Text1.left
                            anchors.leftMargin: 0
                            text: appModel.engineSpeed
                            //color: appModel.engineSpeed >= 4000 ? 'red' : '#FFFFFF'
                            color:'#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.engineSpeed",
                                            appModel.engineSpeed)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }

                        Image {
                            id: circle_green1
                            anchors.bottom: dashboard1Text1.bottom
                            anchors.bottomMargin: -45
                            anchors.left: dashboard1Text.left
                            anchors.leftMargin: -10
                            z: 99
                            height: 40
                            width: 110
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/circle_green1.png'
                        }
                    }

                    Row {
                        //仪表盘2
                        id: dashboard2
                        anchors.top: faulty.bottom
                        anchors.topMargin: 100
                        anchors.left: dashboard1.right
                        anchors.leftMargin: 230
                        Image {
                            id: dashboardImage2
                            z: 99
                            height: 200
                            width: 200
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/carSpeed.png'
                        }
                        Image {
                            id: pointer2
                            x: dashboardImage2.width / 2 - pointer2.width / 2 - 20
                            y: dashboardImage2.height / 2 - pointer2.height / 2 + 10
                            z: 99
                            height: 94 / 2
                            width: 140 / 2
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/pointer.png'
                            Component.onCompleted: {
                                posPointer2Timer.start()
                            }
                            transform: Rotation {
                                id: rotation2
                                origin.x: pointer2.width / 2 + 20
                                origin.y: pointer2.height / 2 - 10
                                angle: 0
                            }
                        }

                        RotationAnimation {
                            id: posPointer2
                            target: rotation2
                            from: 0
                            to: 0
                            duration: 100
                        }

                        Timer {
                            id: posPointer2Timer
                            interval: 500
                            repeat: true
                            onTriggered: {

                                posPointer2.to = appModel.travelSpeed / 100 / 30 * 240
                                posPointer2.from = posPointer2.to
                                //posPointer2.to = 240
                                posPointer2.start()
                            }
                        }

                        Text {
                            id: dashboard2Text
                            anchors.bottom: dashboardImage2.bottom
                            anchors.bottomMargin: -40
                            anchors.left: dashboard2.left
                            anchors.leftMargin: 60
                            text: "行驶速度"
                            color: mainTextColor
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        Text {
                            id: dashboard2Text1
                            anchors.bottom: dashboard2Text.bottom
                            anchors.bottomMargin: -20
                            anchors.left: dashboard2Text.left
                            anchors.leftMargin: 15
                            text: "km/h"
                            color: mainTextColor
                            font.family: alibaba.name
                            font.pointSize: 14
                            anchors.horizontalCenter: statusData.horizontalCenter
                        }
                        spacing: 50
                        Text {
                            id: dashboardImage2TextValue
                            anchors.bottom: dashboard2Text1.bottom
                            anchors.bottomMargin: -35
                            anchors.left: dashboard2Text1.left
                            anchors.leftMargin: 10
                            text: appModel.travelSpeed / 100
                            color: appModel.travelSpeed / 100 >= 30 ? 'red' : '#FFFFFF'
                            Component.onCompleted: {
                                console.log("appModel.travelSpeed",
                                            appModel.travelSpeed)
                            }
                            font.family: digtalFont.name
                            font.pointSize: 18
                        }
                        Image {
                            id: circle_green2
                            anchors.bottom: dashboard2Text1.bottom
                            anchors.bottomMargin: -45
                            anchors.left: dashboard2Text.left
                            anchors.leftMargin: -20
                            z: 99
                            height: 40
                            width: 110
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/circle_green1.png'
                        }
                    }
                }
                //登录界面最左侧上边框
                Image {
                    id: sideUp_right1
                    z: 99
                    anchors.left: statusLeftLogin.left
                    anchors.leftMargin: 1475
                    anchors.top: statusLeftLogin.top
                    anchors.topMargin: 0
                    fillMode: Image.Stretch
                    visible: true
                    source: 'qrc:/images/sideUp_right2.png'
                }
                //登录界面最左侧上边框
                Image {
                    id: sideUp_left1
                    z: 99
                    anchors.left: statusLeftLogin.left
                    anchors.leftMargin: 1475 + 345
                    anchors.top: statusLeftLogin.top
                    anchors.topMargin: 0
                    fillMode: Image.Stretch
                    visible: true
                    source: 'qrc:/images/sideUp_left1.png'
                }
                //登录界面最左侧下边框
                Image {
                    id: sideDown_left1
                    z: 99
                    height: 400
                    anchors.left: statusLeftLogin.left
                    anchors.leftMargin: 1475
                    anchors.top: sideUp_left.bottom
                    anchors.topMargin: 0
                    fillMode: Image.Stretch
                    source: 'qrc:/images/sideDown_left.png'
                }
                //登录界面最右侧下边框
                Image {
                    id: sideDown_right1
                    z: 99
                    height: 400
                    anchors.left: statusLeftLogin.right
                    anchors.leftMargin: 1475 + 295
                    anchors.top: sideUp_right.bottom
                    anchors.topMargin: 0 - 3
                    fillMode: Image.Stretch
                    visible: true
                    source: 'qrc:/images/sideDown_right.png'
                }

                Rectangle {
                    id: statusRightLogin
                    anchors.top: statusLeftLogin.top
                    anchors.topMargin: 70
                    anchors.left: statusLeftLogin.left
                    anchors.leftMargin: 1400
                    color: 'transparent'

                    Image {
                        id: iRadar_car_G
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car.png'
                        visible: (appModel.radar1 >= radarGreenRange) && (appModel.radar2 >= radarGreenRange) && (appModel.radar3 >= radarGreenRange) && (appModel.radar4 >= radarGreenRange) && (appModel.radar5 >= radarGreenRange) && (appModel.radar6 >= radarGreenRange) && (appModel.radar7 >= radarGreenRange) && (appModel.radar8 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G1
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G1.png'
                        visible: (radarGreenOutRange >= appModel.radar1)
                                 && (appModel.radar1 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G2
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G2.png'
                        visible: (radarGreenOutRange >= appModel.radar2)
                                 && (appModel.radar2 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G3
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G3.png'
                        visible: (radarGreenOutRange >= appModel.radar3)
                                 && (appModel.radar3 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G4
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G4.png'
                        visible: (radarGreenOutRange >= appModel.radar4)
                                 && (appModel.radar4 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G5
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G5.png'
                        visible: (radarGreenOutRange >= appModel.radar5)
                                 && (appModel.radar5 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G6
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G6.png'
                        visible: (radarGreenOutRange >= appModel.radar6)
                                 && (appModel.radar6 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G7
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G7.png'
                        visible: (radarGreenOutRange >= appModel.radar7)
                                 && (appModel.radar7 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_G8
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_G8.png'
                        visible: (radarGreenOutRange >= appModel.radar8)
                                 && (appModel.radar8 >= radarGreenRange)
                    }

                    Image {
                        id: iRadar_car_R
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R0.png'
                        visible: appModel.radar1 <= radarRedRange || appModel.radar2
                                 <= radarRedRange || appModel.radar3
                                 <= radarRedRange || appModel.radar4
                                 <= radarRedRange || appModel.radar5
                                 <= radarRedRange || appModel.radar6
                                 <= radarRedRange || appModel.radar7
                                 <= radarRedRange || appModel.radar8 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R1
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R1.png'
                        visible: appModel.radar1 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R2
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R2.png'
                        visible: appModel.radar2 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R3
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R3.png'
                        visible: appModel.radar3 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R4
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R4.png'
                        visible: appModel.radar4 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R5
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R5.png'
                        visible: appModel.radar5 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R6
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R6.png'
                        visible: appModel.radar6 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R7
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R7.png'
                        visible: appModel.radar7 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_R8
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_R8.png'
                        visible: appModel.radar8 <= radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y0.png'
                        visible: ((appModel.radar1 > radarRedRange) || (appModel.radar2 > radarRedRange) || (appModel.radar3 > radarRedRange) || (appModel.radar4 > radarRedRange) || (appModel.radar5 > radarRedRange) || (appModel.radar6 > radarRedRange) || (appModel.radar7 > radarRedRange) || (appModel.radar8 > radarRedRange)) && (!((appModel.radar1 >= radarGreenRange) && (appModel.radar2 >= radarGreenRange) && (appModel.radar3 >= radarGreenRange) && (appModel.radar4 >= radarGreenRange) && (appModel.radar5 >= radarGreenRange) && (appModel.radar6 >= radarGreenRange) && (appModel.radar7 >= radarGreenRange) && (appModel.radar8 >= radarGreenRange))) && (!(appModel.radar1 <= radarRedRange || appModel.radar2 <= radarRedRange || appModel.radar3 <= radarRedRange || appModel.radar4 <= radarRedRange || appModel.radar5 <= radarRedRange || appModel.radar6 <= radarRedRange || appModel.radar7 <= radarRedRange || appModel.radar8 <= radarRedRange))
                    }

                    Image {
                        id: iRadar_car_Y1
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y1.png'
                        visible: appModel.radar1 < radarGreenRange
                                 && appModel.radar1 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y2
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y2.png'
                        visible: appModel.radar2 < radarGreenRange
                                 && appModel.radar2 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y3
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y3.png'
                        visible: appModel.radar3 < radarGreenRange
                                 && appModel.radar3 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y4
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y4.png'
                        visible: appModel.radar4 < radarGreenRange
                                 && appModel.radar4 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y5
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y5.png'
                        visible: appModel.radar5 < radarGreenRange
                                 && appModel.radar5 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y6
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y6.png'
                        visible: appModel.radar6 < radarGreenRange
                                 && appModel.radar6 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y7
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y7.png'
                        visible: appModel.radar7 < radarGreenRange
                                 && appModel.radar7 > radarRedRange
                    }

                    Image {
                        id: iRadar_car_Y8
                        z: 99
                        width: 350
                        height: 550
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 0
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        anchors.horizontalCenter: radarData.horizontalCenter
                        fillMode: Image.Stretch
                        source: 'qrc:/images/radar_car_Y8.png'
                        visible: appModel.radar8 < radarGreenRange
                                 && appModel.radar8 > radarRedRange
                    }

                    Row {
                        id: iText1
                        height: parent.height
                        anchors.top: statusRightLogin.top
                        anchors.topMargin: 50
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 90

                        Text {
                            text: "雷达前左："
                            color: mainTextColor
                            anchors.left: iText1.left
                            anchors.leftMargin: 20
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar1
                            text: (appModel.radar1 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText1.left
                            anchors.leftMargin: 110
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            text: "雷达前右："
                            color: mainTextColor
                            anchors.left: iText1.left
                            anchors.leftMargin: 270
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar2
                            text: (appModel.radar2 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText1.left
                            anchors.leftMargin: 360
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }
                    }

                    Row {
                        id: iText2
                        height: parent.height
                        anchors.top: iText1.bottom
                        anchors.topMargin: 35
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 90
                        visible: true

                        Text {
                            text: "雷达左前："
                            color: mainTextColor
                            anchors.left: iText2.left
                            anchors.leftMargin: 20
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar3
                            text: (appModel.radar8 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText2.left
                            anchors.leftMargin: 110
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            text: "雷达右前："
                            color: mainTextColor
                            anchors.left: iText2.left
                            anchors.leftMargin: 270
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar4
                            text: (appModel.radar3 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText2.left
                            anchors.leftMargin: 360
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }
                    }

                    Row {
                        id: iText3
                        height: parent.height
                        anchors.top: iText2.bottom
                        anchors.topMargin: 35
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 90

                        Text {
                            text: "雷达左后："
                            color: mainTextColor
                            anchors.left: iText3.left
                            anchors.leftMargin: 20
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar5
                            text: (appModel.radar7 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText3.left
                            anchors.leftMargin: 110
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            text: "雷达右后："
                            color: mainTextColor
                            anchors.left: iText3.left
                            anchors.leftMargin: 270
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar6
                            text: (appModel.radar4 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText3.left
                            anchors.leftMargin: 360
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }
                    }
                    Row {
                        id: iText4
                        height: parent.height
                        anchors.top: iText3.bottom
                        anchors.topMargin: 35
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 90

                        Text {
                            text: "雷达后左："
                            color: mainTextColor
                            anchors.left: iText4.left
                            anchors.leftMargin: 20
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar7
                            text: (appModel.radar6 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText4.left
                            anchors.leftMargin: 110
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            text: "雷达后右："
                            color: mainTextColor
                            anchors.left: iText4.left
                            anchors.leftMargin: 270
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }

                        Text {
                            id: radar8
                            text: (appModel.radar5 / 1000).toFixed(2)
                            color: mainTextColor
                            anchors.left: iText4.left
                            anchors.leftMargin: 360
                            font.family: alibaba.name
                            font.pointSize: radarTxtSize
                        }
                    }

                    /*Rectangle {
                        id: rtkState
                        width: 357
                        height: 35
                        color: 'yellow'
                        anchors.top: iText4.bottom
                        anchors.topMargin: 400
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        radius: 5
                        Text {
                            id: rtkStatetxt
                            text: appModel.imux==1 ? "RTK定位正常":"RTK定位错误"
                            color: appModel.imux==1 ? 'green':'red'
                            font.family: alibaba.name
                            font.pointSize: 18
                            anchors.horizontalCenter: rtkState.horizontalCenter
                        }
                        visible: true
                    }*/

                    Rectangle {
                        id: warning
                        width: 357
                        height: 35
                        color: popupBgColorErr
                        anchors.top: iText4.bottom
                        anchors.topMargin: 400
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 120
                        radius: 5
                        Text {
                            id: warningtxt
                            text: qsTr("注意保持车距")
                            color: '#FFFFFF'
                            font.family: alibaba.name
                            font.pointSize: 18
                            anchors.horizontalCenter: warning.horizontalCenter
                        }
                        visible: (appModel.radar1 <= radarRedRange || appModel.radar2
                                  <= radarRedRange || appModel.radar3
                                  <= radarRedRange || appModel.radar4
                                  <= radarRedRange || appModel.radar5
                                  <= radarRedRange || appModel.radar6
                                  <= radarRedRange || appModel.radar7
                                  <= radarRedRange || appModel.radar8 <= radarRedRange)
                    }

                    Rectangle {
                        id: backImgRect
                        width: 400
                        height: 320
                        color: 'transparent'
                        anchors.top: iText4.bottom
                        anchors.topMargin: 510
                        anchors.left: statusRightLogin.left
                        anchors.leftMargin: 100
                        border.color: "red"
                        border.width: 1

                        Image {
                            id: backImg
                            anchors.topMargin: 140
                            width: parent.width
                            height: parent.height
                            sourceSize: Qt.size(width, height)
                            fillMode: Image.Stretch//拉伸模式
                            //fillMode: Image.PreserveAspectFit//保持宽高比例适应模式
                            //fillMode: Image.PreserveAspectCrop //保持宽高比裁剪模式
                            //fillMode: Image.Tile//平铺模式
                            z: 98
                        }
                        //后视摄像头
                        Connections {
                            target: BackImage
                            onCallQmlRefeshBackImg: {
                            //aaa
                                backImg.source = ""
                                backImg.source = "image://BackImage/"+Math.random()
                            }
                        }

                        Image {
                            id: backImg_camera1
                            anchors.topMargin: 140
                            width: parent.width
                            height: parent.height
                            fillMode: Image.Stretch
                            visible: true
                            source: 'qrc:/images/panel_camera1.png'
                            z: 98
                        }
                    }
                }
            }
        }
        
        color: 'transparent'
    }

    Rectangle {
        width: parent.width
        height: 80
        color: 'transparent'
        z: 99

        Image {
            anchors.horizontalCenter: parent.horizontalCenter
            fillMode: Image.PreserveAspectFit
            source: 'qrc:/images/banner.png'
        }
        Text {
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.verticalCenter: parent.verticalCenter
            text: textTitle
            font.family: alibaba.name
            font.pointSize: 24
            color: mainTextColor
        }
    }

    StackView {
        id: stack
        initialItem: page_login
        anchors.fill: parent
    }

    LoginPage {
        id: page_login
        visible: false
    }

    CarPage {
        id: page_car
        visible: false
    }
    
    WorkPage
    {
      id: page_work
      visible:false
    }
     
    DetailPage {
        id: page_detail
        visible: false
    }
       Dialog {
            id: backDialog
            visible: false
            modal: true
            x: (parent.width - width) / 2
            y: (parent.height - height) / 2
            closePolicy: Popup.NoAutoClose
            implicitWidth: 600
            implicitHeight: 300

            Text {
                text: back_content
                font.pointSize: 24
                font.family: alibaba.name
                color: '#000000'
                anchors.horizontalCenter: parent.horizontalCenter
                y: 100
            }

            Row {
                height: parent.height
                anchors.horizontalCenter: parent.horizontalCenter
                y: 200

                CButton {
                    id: quitButton
                    textHeight: 50
                    fontHeight: 0.4
                    width: 150
                    height: 50
                    color: pressed ? textClickedColor : mainAppColor
                    text: "确定"
                    onClicked: {
                        appModel.controlCar(uid);
                        backDialog.visible = false;
                       // videoWindow.close()
                       // rootItem.qmlSignalQuit()
                    }
                }
                spacing: 50
                CButton {
                    id: cancelBtn
                    textHeight: 50
                    fontHeight: 0.4
                    width: 150
                    height: 50
                    color: pressed ? textClickedColor : mainAppColor
                    text: "取消"
                    onClicked: {
                        appModel.cancelControl()
                        backDialog.visible = false
                        }
                }


            }
        }
       Dialog {
            id: trackDialog
            visible: false
            modal: true
            x: (parent.width - width) / 2
            y: (parent.height - height) / 2
            closePolicy: Popup.NoAutoClose
            implicitWidth: 600
            implicitHeight: 300

            Text {
                text: back_content
                font.pointSize: 24
                font.family: alibaba.name
                color: '#000000'
                anchors.horizontalCenter: parent.horizontalCenter
                y: 100
            }

            Row {
                height: parent.height
                anchors.horizontalCenter: parent.horizontalCenter
                y: 200

                CButton {
                    id: yesBtn
                    textHeight: 50
                    fontHeight: 0.4
                    width: 150
                    height: 50
                    color: pressed ? textClickedColor : mainAppColor
                    text: "是"
                    onClicked: {
                        track();
                        trackDialog.visible = false;
                       // videoWindow.close()
                       // rootItem.qmlSignalQuit()
                    }
                }
                spacing: 50
                CButton {
                    id: noBtn
                    textHeight: 50
                    fontHeight: 0.4
                    width: 150
                    height: 50
                    color: pressed ? textClickedColor : mainAppColor
                    text: "否"
                    onClicked: {
                        unTrack();
                        trackDialog.visible = false
                        }
                }


            }
        }
       Dialog {
            id: moveErrorDlg
            visible: false
            modal: true
            x: (parent.width - width) / 2
            y: (parent.height - height) / 2
            closePolicy: Popup.NoAutoClose
            implicitWidth: 600
            implicitHeight: 300

            Text {
                text: move_content
                font.pointSize: 24
                font.family: alibaba.name
                color: '#000000'
                anchors.horizontalCenter: parent.horizontalCenter
                y: 100
            }

            Row {
                height: parent.height
                anchors.horizontalCenter: parent.horizontalCenter
                y: 200

                CButton {
                    id: exbutton
                    textHeight: 50
                    fontHeight: 0.4
                    width: 150
                    height: 50
                    color: pressed ? textClickedColor : mainAppColor
                    text: "确定"
                    onClicked: {
                        appModel.controlCar(uid);
                        backDialog.visible = false;
                       // videoWindow.close()
                       // rootItem.qmlSignalQuit()
                    }
                }



            }
        }
}