diff --git a/AicsKnowledgeBase/qml/component/FileList.qml b/AicsKnowledgeBase/qml/component/FileList.qml index 72e2165..642a41b 100644 --- a/AicsKnowledgeBase/qml/component/FileList.qml +++ b/AicsKnowledgeBase/qml/component/FileList.qml @@ -156,33 +156,33 @@ Item { } ListModel { id: fileListModel - // ListElement { - // title: "File 1" - // isDir: true - // brief: "This is a test file" - // type: "FOLDER" - // } - // ListElement { - // uid: "2" - // title: "File 2" - // isDir: false - // brief: "This is a test file" - // size: 500 - // type: "WORD" - // date: "2020-09-09" - // pageView: 100 - // stars: 10 - // } - // ListElement { - // uid: "3" - // title: "File 3" - // isDir: false - // brief: "This is a test file" - // type: "PPT" - // date: "2020-09-09" - // pageView: 100 - // size: 10200000022 - // stars: 10 - // } + ListElement { + title: "File 1" + isDir: true + brief: "This is a test file" + type: "FOLDER" + } + ListElement { + uid: "2" + title: "File 2" + isDir: false + brief: "This is a test file" + size: 500 + type: "WORD" + date: "2020-09-09" + pageView: 100 + stars: 10 + } + ListElement { + uid: "3" + title: "File 3" + isDir: false + brief: "This is a test file" + type: "PPT" + date: "2020-09-09" + pageView: 100 + size: 10200000022 + stars: 10 + } } } diff --git a/AicsKnowledgeBase/qml/component/NoteItem.qml b/AicsKnowledgeBase/qml/component/NoteItem.qml deleted file mode 100644 index 94ffc06..0000000 --- a/AicsKnowledgeBase/qml/component/NoteItem.qml +++ /dev/null @@ -1,78 +0,0 @@ -import QtQuick 2.15 -import FluentUI -import QtQuick.Layouts - -FluArea { - id: fileItem - property string uuid - property string title - property string brief - property string date - property int pageView - property var tags: [] - property var notes: [] - property int stars - property var colorList: ["blue", "green", "orange", "red", "yellow", "purple", "pink", "brown", "teal", "cyan", "gray", "darkgray"] - signal tagClicked(string tag) - - ColumnLayout { - id: row - anchors.fill: parent - anchors.margins: 10 - spacing: 10 - - ColumnLayout { - id: clickable - anchors.fill: parent - MouseArea { - anchors.fill: parent - onDoubleClicked: { - fileItem.parent.doubleClicked() - } - } - FluText { - id: title - text: fileItem.title - font{ - pointSize: 12 - bold: true - } - } - FluText { - id: brief - text: fileItem.brief - } - RowLayout { - id: infoRow - visible: !fileItem.isDir - FluText { - id: date - text: fileItem.date - } - FluText { - id: pageView - text: fileItem.pageView + "浏览" - } - FluText { - id: stars - text: fileItem.stars + "收藏" - } - } - } - RowLayout { - visible: !fileItem.isDir - Repeater { - model: fileItem.tags - delegate: FluTextButton { - text: "#" + fileItem.tags[index] - normalColor: colorList[index % colorList.length] - font.pixelSize: 12 - Layout.preferredWidth: 50 - onClicked: { - emit: tagClicked(text) - } - } - } - } - } -} diff --git a/AicsKnowledgeBase/qml/component/NoteList.qml b/AicsKnowledgeBase/qml/component/NoteList.qml new file mode 100644 index 0000000..c5010c1 --- /dev/null +++ b/AicsKnowledgeBase/qml/component/NoteList.qml @@ -0,0 +1,78 @@ +import QtQuick 2.15 +import QtQuick.Layouts +import FluentUI +import "qrc:///AicsKnowledgeBase/qml/global" + +Item { + anchors.fill: parent + signal open(string note) + ListView { + id: listView + anchors.fill: parent + spacing: 8 + header: noteListItemHeader + model: noteListModel + delegate: noteListItemDelegate + } + Component { + id: noteListItemHeader + Item { + id: noteListItemHeaderItem + // width: ListView.view.width + // height: 48 + // FluText { + // text: "笔记" + // } + } + } + Component { + id: noteListItemDelegate + Rectangle { + id: noteListItemRect + width: ListView.view.width + height: 150 + MouseArea { + anchors.fill: parent + onClicked: { + open(model.uuid) + } + } + NoteListItem { + id: noteListItem + uuid: model.uuid + width: parent.width + height: parent.height + title: model.title + date: model.date + brief: model.brief + pageView: model.pageView + author: model.author + stars: model.stars + } + } + } + function setListModel(listModel) { + listView.model = listModel + } + ListModel { + id: noteListModel + ListElement { + uuid: "1" + title: "超级无敌报错" + brief: "file:///D:/academic/2023-qtBig/AicsKnowledgeBase_client/AicsKnowledgeBase/qml/component/NoteList.qml:41:21: Unable to assign [undefined] to QString" + author: "admin" + pageView: 123 + stars: 27 + date: "2022-02-02" + } + ListElement { + uuid: "2" + title: "Qt布局" + brief: "锚定（anchors）在确定父子组件之间，同级组件之间的相对位置时非常常用，若使用锚定方式确定子组件与父组件之间的位置关系，使用 top，bottom，left，right， topMargin，bottomMargin，leftMargin，rightMargin进行上下左右对齐，以及对齐后的留白距离。若要使子组件在父组件的水平，垂直居中，使用：" + author: "超级无敌长的账户名" + pageView: 123 + stars: 27 + date: "2022-02-02" + } + } +} diff --git a/AicsKnowledgeBase/qml/component/NoteListItem.qml b/AicsKnowledgeBase/qml/component/NoteListItem.qml new file mode 100644 index 0000000..9eaba75 --- /dev/null +++ b/AicsKnowledgeBase/qml/component/NoteListItem.qml @@ -0,0 +1,61 @@ +import QtQuick 2.15 +import FluentUI +import QtQuick.Layouts + +FluArea { + id: noteItem + property string uuid + property string title + property string brief + property string date + property int pageView + property int stars + property string author + + ColumnLayout { + id: row + anchors.fill: parent + anchors.margins: 10 + spacing: 10 + RowLayout { + id: titleRow + Layout.preferredWidth: parent.width + FluText { + text: title + font.bold: true + font.pointSize: 15 + Layout.alignment: Qt.AlignLeft + } + FluText { + text: author + Layout.alignment: Qt.AlignRight + } + } + FluText { + text: " " + brief + Layout.fillWidth: true + wrapMode: Text.WrapAnywhere + elide: Text.ElideRight + maximumLineCount: 3 + } + RowLayout { + id: bottomRow + Layout.preferredWidth: parent.width + FluText { + text: date + color: "#5F5F5F" + Layout.alignment: Qt.AlignLeft + } + FluText { + text: pageView + " 浏览" + color: "#5F5F5F" + Layout.alignment: Qt.AlignRight + } + FluText { + text: stars + " 收藏" + color: "#5F5F5F" + Layout.alignment: Qt.AlignRight + } + } + } +} diff --git a/AicsKnowledgeBase/qml/page/SearchPage.qml b/AicsKnowledgeBase/qml/page/SearchPage.qml index 9117b62..df66917 100644 --- a/AicsKnowledgeBase/qml/page/SearchPage.qml +++ b/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,102 @@ FluArea { Layout.topMargin: 20 paddings: 10 - FluText { - Layout.topMargin: 20 - text: "Search" + // 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.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" + 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{ + + } + } + } }