search界面

AicsKnowledgeBase/qml/page/SearchPage.qml

@@ -4,6 +4,7 @@ import QtQuick.Window
 import QtQuick.Controls
 import QtQuick.Controls.Basic
 import FluentUI
+import "qrc:///AicsKnowledgeBase/qml/component"
 
 FluArea {
     property string url: ''
@@ -13,8 +14,111 @@ FluArea {
     Layout.topMargin: 20
     paddings: 10
 
+//    FluText {
+//        Layout.topMargin: 20
+//        text: "Search"
+//    }
+    /*
+       按标题，内容搜索
+       */
+       ColumnLayout{
+
+           RowLayout{
+               width:parent.width
+               FluDropDownButton{
+                   id:select_model
+                   Layout.alignment: Qt.AlignLeft
+                   text:"标题"
+                   items:[
+                       FluMenuItem{
+                           text:"标题"
+                           onClicked: {
+                               select_model.text = text
+                           }
+                       },
+                       FluMenuItem{
+                           text:"内容"
+                           onClicked: {
+                               select_model.text = text
+                           }
+                       },
+                       FluMenuItem{
+                           text:"标签"
+                           onClicked: {
+                               select_model.text = text
+                           }
+                       }
+                   ]
+               }
+
+               FluTextBox{
+                   //placeholderText:""
+                   Layout.fillWidth: true
+
+
+               }
+               FluIconButton{
+                   Layout.alignment: Qt.AlignRight
+                   iconSource:FluentIcons.Search
+               }
+           }
+           //按文件类型
+           RowLayout{
+               width:parent.width
                FluText{
-        Layout.topMargin: 20
-        text: "Search"
+                   Layout.alignment: Qt.AlignLeft
+                   text:"格式: "
+               }
+               FluCheckBox{
+                   id:selectAllFormat
+                   text:"all"
+                   Component.onCompleted:{
+                       clicked()
+                   }
+                   onClicked:{
+                       selectPDFAndWord.checked=true
+                       selectVideo.checked=true
+                       selectPPT.checked=true
+                   }
+               }
+               FluCheckBox{
+                   id:selectPDFAndWord
+                   text:"pdf/word"
+                   //wrapMode: Text.WordWrap
+                   onClicked:{
+                       selectAllFormat.checked = selectPDFAndWord.checked && selectPPT.checked && selectVideo.checked
+                   }
+               }
+               FluCheckBox{
+                   id:selectPPT
+                   text:"ppt"
+                   onClicked:{
+                       selectAllFormat.checked = selectPDFAndWord.checked && selectPPT.checked && selectVideo.checked
+                   }
+               }
+
+               FluCheckBox{
+                   id:selectVideo
+                   text:"video"
+                   onClicked:{
+                       selectAllFormat.checked = selectPDFAndWord.checked && selectPPT.checked && selectVideo.checked
+                   }
+               }
+           }
+
+
+           Rectangle{
+               FileList{
+                   Button{
+                      anchors.fill: parent
+                       background: Rectangle{
+                           color: Qt.red
+                       }
+                   }
+                   //                anchors.top: tags.anchors.bottom
+                   //                anchors.bottom: parent.anchors.bottom
+               }
+           }
+
        }
 }