gcs-nf/opmap/mapwidget/waypointui.qml

import QtQuick 2.6
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.3
import QtQuick.Templates 2.5
import QtQuick.Dialogs 1.2
import QtGraphicalEffects 1.0
import Qt.labs.calendar 1.0
import QtQuick.Dialogs.qml 1.0
import QtQuick.Window 2.10
import "MissionManager"





Rectangle {
    id:root

    visible: true
    x:0
    y:0
    width: 280
    height: 320
    color: "#fbfdca"
    antialiasing: true


    property int    number    : 1

    property bool isSettingCategory: false
    property bool isFirst: true


    property var json: {
        "comment":              "",
        "id":                   0,
        "rawName":              "",
        "friendlyName":         "null",
        "description":          "",
        "specifiesCoordinate":  true,
        "friendlyEdit":         true,
        "category":             "",
        "param1": {
            "label":            "",
            "units":            "",
            "default":          0,
            "decimalPlaces":    0
        },
        "param2": {
            "label":            "",
            "units":            "",
            "default":          3,
            "decimalPlaces":    2
        },
        "param3": {
            "label":            "",
            "units":            "",
            "default":          0,
            "decimalPlaces":    0
        },
        "param4": {
            "label":            "",
            "units":            "",
            "nanUnchanged":     true,
            "default":          0,
            "decimalPlaces":    0
        },
        "param5": {
            "label":            "",
            "default":          0,
            "decimalPlaces":    0
        },
        "param6": {
            "label":            "",
            "default":          0,
            "decimalPlaces":    0
        },
        "param7": {
            "label":            "",
            "default":          0,
            "decimalPlaces":    0
        }
    }

    onJsonChanged: {
        if(isFirst == true)
        {
            //jsonModel.remove(0)
            jsonModel.clear()
            jsonModel.set(0,json)
            isFirst = false
        }
        else
        {
            jsonModel.append(json)

            //console.log(json)

        }
    }

    property ListModel model : ListModel { id: jsonModel }//总的模型






    property var paraJson: {
            "label":            "",
            "units":            "",
            "defaultValue":     3,
            "decimalPlaces":    2
    }

    onParaJsonChanged: {
        paramModel.append(paraJson)
    }

    property ListModel _paramModel : ListModel { id: paramModel }//参数的模型



    Rectangle {
        id: last
        x: 8
        y: 8
        width: 32
        height: 27
        color: "#bbf4b6"
        radius: 5
        clip: true
        antialiasing: true
        MouseArea {
            clip: true
            hoverEnabled: true
            anchors.fill: parent
            onEntered: {
                parent.color = "#22fd0e"
            }
            onExited: {
                parent.color = "#bbf4b6"
            }

            //请求读取上一个航点的属性
        }
        Triangle {
            x: 5
            y: 4
            width: 20
            height: 20
            direction: "reverse"
            color: "#b344fb"
            clip: true
            border: 0
        }
    }

    Rectangle {
        id: next
        x: 238
        y: 8
        width: 32
        height: 27
        color: "#bbf4b6"
        radius: 5
        clip: true
        antialiasing: true
        MouseArea {
            clip: true
            hoverEnabled: true
            anchors.fill: parent
            onEntered: {
                parent.color = "#22fd0e"
            }
            onExited: {
                parent.color = "#bbf4b6"
            }
            //请求读取下一个航点的属性
        }
        Triangle {
            id: triangle
            x: 7
            y: 4
            width: 20
            height: 20
            color: "#b344fb"
            clip: true
        }
    }

    Rectangle {
        id: seq
        x: 46
        y: 8
        width: 54
        height: 27
        color: "#b7f3f0"
        radius: 5
        clip: true
        antialiasing: true

        Text {
            id: seq_text
            text: number
            font.family: "Arial"
            clip: true
            verticalAlignment: Text.AlignVCenter
            horizontalAlignment: Text.AlignHCenter
            anchors.fill: parent
            font.pixelSize: 12
        }

        MouseArea {
            id: mouseArea
            clip: true
            hoverEnabled: true
            anchors.fill: parent
            onEntered: {
                parent.color = "#48fcf2"
            }
            onExited: {
                parent.color = "#b7f3f0"
            }
        }
    }

    Rectangle {
        id: mav_cmd
        x: 106
        y: 8
        width: 126
        height: 27
        color: "#bae5b4"
        radius: 5
        clip: true
        antialiasing: true

        Text {
            id: mav_cmd_text
            text: ""
            clip: true
            anchors.rightMargin: 0
            anchors.bottomMargin: 0
            anchors.leftMargin: 0
            anchors.topMargin: 0
            verticalAlignment: Text.AlignVCenter
            horizontalAlignment: Text.AlignHCenter
            anchors.fill: parent
            font.pixelSize: 12

            onTextChanged: {
                //console.log(text)
                //console.log(jsonModel.get(0).friendlyName)
            }

        }

        MouseArea {
            clip: true
            hoverEnabled: true
            anchors.fill: parent
            onEntered: {
                cursorShape  = Qt.PointingHandCursor
                parent.color = "#e0fb88"
            }
            onExited: {
                cursorShape = Qt.ArrowCursor
                parent.color = "#bae5b4"
            }
            onClicked: {
                //请求所有CMD，并显示
                isSettingCategory = true
                //console.log(json.toString())
            }
        }




    }

    Rectangle {
        x: 106
        y: 41
        width: 167
        height: 147
        color: "#ffffff"
        radius: 9
        clip: true

        Rectangle {
            id: rectangle
            color: "#eedbfe"
            radius: 10
            anchors.bottomMargin: 8
            anchors.topMargin: 8
            anchors.rightMargin: 8
            anchors.leftMargin: 8
            anchors.fill: parent
            visible: isSettingCategory?(false):(true)

            ListView {
                id : param_listView
                anchors.bottomMargin: 8
                anchors.topMargin: 8
                anchors.rightMargin: 8
                anchors.leftMargin: 8
                anchors.fill: parent

                model: paramModel
                delegate: paramDelegate
                spacing: 5
                clip: true
                focus: true

                RadioButton {
                    id: radioButton
                    x: 0
                    y: 15
                    width: 172
                    height: 61
                    text: qsTr("Radio Button")
                }
            }

            Component {
                id: paramDelegate
                Rectangle {
                    id: rect_param1
                    x: 8
                    y: 8
                    width: 233
                    height: 34
                    color: "#ffffff"
                    radius: 6

                    Label {
                        x: 3
                        y: 7
                        width: 47
                        height: 21
                        text: label
                        font.pointSize: 12
                        font.family: "Arial"
                    }

                    Label {
                        x: 180
                        y: 8

                        text: units
                        font.pointSize: 12
                        font.family: "Arial"
                    }

                    TextEdit {
                        id: textEdit
                        x: 56
                        y: 7
                        width: 129
                        height: 21
                        text: defaultValue
                        visible: true
                        clip: false
                        cursorVisible: false
                        overwriteMode: false
                        persistentSelection: true
                        selectByMouse: true
                        antialiasing: true
                        font.family: "Arial"
                        font.bold: true
                        verticalAlignment: Text.AlignVCenter
                        horizontalAlignment: Text.AlignHCenter
                        font.pixelSize: 13
                    }
                }
            }
        }



        ListView {
            id : m_listView
            anchors.bottomMargin: 8
            anchors.topMargin: 8
            anchors.rightMargin: 8
            anchors.leftMargin: 8
            anchors.fill: parent

            model: jsonModel
            delegate: numberDelegate
            spacing: 5
            clip: true
            focus: true
            visible: isSettingCategory
        }

        Component {
            id: numberDelegate

            Rectangle {
                width: ListView.view.width
                height: ListView.isCurrentItem?100:40
                color: ListView.isCurrentItem?"#157efb":"#53d769"
                border.color: Qt.lighter(color, 1.1)
                radius: 10



                Text {
                    id:friendlyNameText
                    anchors.top: parent.top
                    anchors.horizontalCenter: parent.horizontalCenter
                    anchors.topMargin: 10
                    font.pixelSize: 10
                    text: (friendlyName == null)?(rawName):(friendlyName)
                }

                TextArea {
                    id:descriptionText

                    anchors.top:friendlyNameText.bottom
                    anchors.horizontalCenter: parent.horizontalCenter
                    anchors.left: parent.left
                    anchors.topMargin: 10
                    anchors.leftMargin: 10
                    anchors.rightMargin: 10

                    width: parent.width
                    height: parent.height - friendlyNameText.height
                    visible: (parent.height == 100)?true:false
                    font.pixelSize: 10
                    text: (description == null)?(""):(description)

                }


                MouseArea {
                    anchors.rightMargin: -50
                    hoverEnabled: true
                    anchors.fill: parent
                    onClicked:{
                        m_listView.currentIndex = index  //实现item切换
                        isSettingCategory = false
                        mav_cmd_text.text = friendlyNameText.text

                        paraJson = jsonModel.get(index)

                    }

                    onEntered: {
                        descriptionText.visible = true
                        m_listView.currentIndex = index  //实现item切换
                        mav_cmd_text.text = friendlyNameText.text

                    }
                    onExited: {
                        descriptionText.visible = false
                        mav_cmd_text.text = friendlyNameText.text
                    }


                }
            }
        }








    }

    RadioButton {
        id: radioButton1
        x: 32
        y: 223
        width: 51
        height: 42
        text: qsTr("Radio Button")
    }




}