import QtQuick import QtQuick.Layouts import QtQuick.Window import QtQuick.Controls import QtQuick.Controls.Basic import QtWebEngine 1.2 import FluentUI import AicsKB.FileTransferManager import SignalFileOperation 1.0 import "qrc:///AicsKnowledgeBase/qml/page" import "qrc:///AicsKnowledgeBase/qml/component" import "qrc:///AicsKnowledgeBase/qml/global" FluArea { id: note_area paddings: 0 backgroundColor: "#f9f9f9" // visible: false property string type: "" property string noteFileId property string authorId signal clickTags(string tagName) // paddings: { // top: 10 // right: 0 // bottom: 10 // left: 10 // } FluScrollablePage { id: note_page anchors.fill: parent leftPadding: 10 topPadding: 10 rightPadding: 10 bottomPadding: 0 property string fileId property int likeCount: 0 property int favoriteCount: 0 property int shareCount: 0 property int browsCount: 555 property bool isLike: false property bool isFavorite: false property string title: "文章标题" property list tags: ["tag 1", "tag 2", "tag 3"] property string publishTime: "2020-01-01" property string brief: "这是一个简介" property string fileTitle: "dfnfgf" property string fileType: "OTHER" function getType(suffix) { if (suffix === "md") return "MD" else if (suffix === "mp4" || suffix === "avi" || suffix === "rmvb" || suffix === "rm" || suffix === "wmv" || suffix === "mkv") return "VIDEO" else return "OTHER" } function loadNote(noteFileId) { note_area.noteFileId = noteFileId } Component.onCompleted: { Request.getSearch("note/" + noteFileId, function (response, data) { note_page.fileId = data.id note_page.fileTitle = data.name note_page.fileType = getType(data.knowledgeFileAttribute.suffix) note_page.fileStars = 0 var tagString = "" for (var j = 0; j < data.tags.length; j++) { if (j != 0) tagString = tagString + "," tagString = tagString + data.tags[j].name } note_page.fileTags = tagString likeCount = data.likers.length isLike = false for (var j = 0; j < data.likers.length; j++) { if (data.likers[j].id === UserData.userId) { isLike = true break } } favoriteCount = data.starrers.length isLike = false for (var j = 0; j < data.starrers.length; j++) { if (data.starrers[j].id === UserData.userId) { isFavorite = true break } } }) } FluIconButton { iconSize: 12 iconSource: FluentIcons.Back onClicked: { emit: SignalFileOperation.back() } Layout.margins: -5 } Item { Layout.fillWidth: true implicitHeight: 50 FluText { id: text_title padding: 10 text: note_page.title font { pointSize: 15 bold: true } } FluIconButton { id: button_edit_note iconSize: FluentIcons.Edit visible: authorId === UserData.userId onClicked: { emit: SignalFileOperation.modifyNote(note_page.fileId, note_page.fileType, note_page.fileTitle, noteFileId) } } ColumnLayout { id: layout_share FluIconButton { id: button_share iconSize: 15 iconSource: FluentIcons.Share text: note_page.shareCount.toString() } FluText { id: text_share text: note_page.shareCount font.pointSize: 8 Layout.alignment: button_share.Center Layout.topMargin: -5 } anchors { verticalCenter: text_title.verticalCenter right: parent.right } } ColumnLayout { id: layout_favorite FluIconButton { id: button_favorite iconSize: 15 iconSource: note_page.isFavorite ? FluentIcons.FavoriteStarFill : FluentIcons.FavoriteStar onClicked: { note_page.isFavorite = !note_page.isFavorite Request.put("/note/" + noteFileId + "/star", { "active": note_page.isFavorite }) } } FluText { id: text_favorite text: note_page.favoriteCount font.pointSize: 8 Layout.alignment: button_favorite.Center Layout.topMargin: -5 } anchors { verticalCenter: text_title.verticalCenter right: layout_share.left } } ColumnLayout { id: layout_like FluIconButton { id: button_like iconSize: 15 iconSource: note_page.isLike ? FluentIcons.HeartFill : FluentIcons.Heart onClicked: { note_page.isLike = !note_page.isLike Request.put("/note/" + noteFileId + "/like", { "active": note_page.isLike }) } } FluText { id: text_like text: note_page.likeCount font.pointSize: 8 Layout.alignment: button_like.Center Layout.topMargin: -5 } anchors { verticalCenter: text_title.verticalCenter right: layout_favorite.left } } } FluArea { Layout.fillWidth: true implicitHeight: 140 ColumnLayout { RowLayout { width: parent.width FluText { padding: 10 text: note_page.publishTime } FluText { padding: 10 text: note_page.fileSize.toString() + "MB" } FluText { padding: 10 text: note_page.browsCount.toString() + "浏览量" } } FluText { Layout.topMargin: -2 Layout.leftMargin: 10 text: note_page.brief } RowLayout { Layout.topMargin: 2 Layout.leftMargin: 5 Repeater { model: note_page.tags delegate: Button { Layout.margins: 2 text: "#" + note_page.tags[index] background: Rectangle { implicitHeight: 10 implicitWidth: 10 color: FluColors.Grey20 radius: 10 } onClicked: { emit: note_area.clickTags(text) } } } } Item { Layout.fillWidth: true implicitHeight: 30 Layout.leftMargin: 10 MouseArea { anchors.fill: parent onDoubleClicked: { emit: SignalFileOperation.open(note_page.fileId) } } RowLayout { id: titleRow Image { id: icon source: note_page.fileType ? "qrc:/AicsKnowledgeBase/res/" + note_page.fileType + ".png" : "" Layout.preferredHeight: 24 Layout.preferredWidth: 24 } FluText { id: title font.bold: true font.pointSize: 12 text: note_page.fileTitle } } } } } NoteEditPage { id: text_view noteId: "255454" width: parent.width implicitHeight: width * 9 / 16 } } }