add question display page

src/store/useQuestionBox.ts

@@ -0,0 +1,245 @@
+import { useAccount } from '@/api/account'
+import { QAInfo } from '@/api/api-models'
+import { QueryGetAPI, QueryPostAPI } from '@/api/query'
+import { ACCOUNT_API_URL, QUESTION_API_URL } from '@/data/constants'
+import { List } from 'linqts'
+import { useMessage } from 'naive-ui'
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+
+export const useQuestionBox = defineStore('QuestionBox', () => {
+  const isLoading = ref(false)
+  const isRepling = ref(false)
+  const isChangingPublic = ref(false)
+
+  const accountInfo = useAccount()
+
+  const recieveQuestions = ref<QAInfo[]>([])
+  const sendQuestions = ref<QAInfo[]>([])
+
+  const onlyFavorite = ref(false)
+  const onlyPublic = ref(false)
+  const onlyUnread = ref(false)
+
+  const recieveQuestionsFiltered = computed(() => {
+    const result = recieveQuestions.value.filter((q) => {
+      /*if (q.id == displayQuestion.value?.id) {
+        return false
+      }*/
+      return (
+        (q.isFavorite || !onlyFavorite.value) && (q.isPublic || !onlyPublic.value) && (!q.isReaded || !onlyUnread.value)
+      )
+    })
+    return result
+    //displayQuestion排在最前面
+    //return displayQuestion.value ? [displayQuestion.value, ...result] : result
+  })
+  const currentQuestion = ref<QAInfo>()
+  const displayQuestion = ref<QAInfo>()
+
+  let isRevieveGetted = false
+  let isSendGetted = false
+
+  const message = useMessage()
+
+  async function GetRecieveQAInfo() {
+    isLoading.value = true
+    await QueryGetAPI<QAInfo[]>(QUESTION_API_URL + 'get-recieve')
+      .then((data) => {
+        if (data.code == 200) {
+          if (data.data.length > 0) {
+            recieveQuestions.value = new List(data.data)
+              .OrderBy((d) => d.isReaded)
+              //.ThenByDescending(d => d.isFavorite)
+              .ThenByDescending((d) => d.sendAt)
+              .ToArray()
+            const displayId = accountInfo.value?.settings.questionDisplay.currentQuestion
+            if (displayId && displayQuestion.value?.id != displayId) {
+              displayQuestion.value = recieveQuestions.value.find((q) => q.id == displayId)
+            }
+          }
+          message.success('共收取 ' + data.data.length + ' 条提问')
+          isRevieveGetted = true
+        } else {
+          message.error(data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('发生错误: ' + err)
+      })
+      .finally(() => {
+        isLoading.value = false
+      })
+  }
+  async function GetSendQAInfo() {
+    isLoading.value = true
+    await QueryGetAPI<QAInfo[]>(QUESTION_API_URL + 'get-send')
+      .then((data) => {
+        if (data.code == 200) {
+          sendQuestions.value = data.data
+          message.success('共发送 ' + data.data.length + ' 条提问')
+        } else {
+          message.error(data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('发生错误')
+      })
+      .finally(() => {
+        isLoading.value = false
+      })
+  }
+  async function reply(id: number, msg: string) {
+    isRepling.value = true
+    await QueryPostAPI<QAInfo>(QUESTION_API_URL + 'reply', {
+      Id: id,
+      Message: msg,
+    })
+      .then((data) => {
+        if (data.code == 200) {
+          var index = recieveQuestions.value.findIndex((q) => q.id == id)
+          if (index > -1) {
+            recieveQuestions.value[index] = data.data
+          }
+          message.success('回复成功')
+          currentQuestion.value = undefined
+          //replyModalVisiable.value = false
+        } else {
+          message.error('发送失败: ' + data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('发送失败')
+      })
+      .finally(() => {
+        isRepling.value = false
+      })
+  }
+  async function read(question: QAInfo, read: boolean) {
+    await QueryGetAPI(QUESTION_API_URL + 'read', {
+      id: question.id,
+      read: read ? 'true' : 'false',
+    })
+      .then((data) => {
+        if (data.code == 200) {
+          question.isReaded = read
+          if (read && displayQuestion.value?.id == question.id) {
+            setCurrentQuestion(question) //取消设为当前展示的问题
+          }
+        } else {
+          message.error('修改失败: ' + data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('修改失败')
+      })
+  }
+  async function favorite(question: QAInfo, fav: boolean) {
+    await QueryGetAPI(QUESTION_API_URL + 'favorite', {
+      id: question.id,
+      favorite: fav,
+    })
+      .then((data) => {
+        if (data.code == 200) {
+          question.isFavorite = fav
+        } else {
+          message.error('修改失败: ' + data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('修改失败')
+      })
+  }
+  async function setPublic(pub: boolean) {
+    isChangingPublic.value = true
+    await QueryGetAPI(QUESTION_API_URL + 'public', {
+      id: currentQuestion.value?.id,
+      public: pub,
+    })
+      .then((data) => {
+        if (data.code == 200) {
+          if (currentQuestion.value) currentQuestion.value.isPublic = pub
+          message.success('已修改公开状态')
+        } else {
+          message.error('修改失败: ' + data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('修改失败')
+      })
+      .finally(() => {
+        isChangingPublic.value = false
+      })
+  }
+  async function blacklist(question: QAInfo) {
+    await QueryGetAPI(ACCOUNT_API_URL + 'black-list/add', {
+      id: question.sender.id,
+    })
+      .then(async (data) => {
+        if (data.code == 200) {
+          await QueryGetAPI(QUESTION_API_URL + 'del', {
+            id: question.id,
+          }).then((data) => {
+            if (data.code == 200) {
+              message.success('已拉黑 ' + question.sender.name)
+            } else {
+              message.error('修改失败: ' + data.message)
+            }
+          })
+        } else {
+          message.error('拉黑失败: ' + data.message)
+        }
+      })
+      .catch((err) => {
+        message.error('拉黑失败')
+      })
+  }
+  async function setCurrentQuestion(item: QAInfo) {
+    const isCurrent = displayQuestion.value?.id == item.id
+    if (!isCurrent) {
+      displayQuestion.value = item
+    } else {
+      displayQuestion.value = undefined
+    }
+    try {
+      const data = await QueryGetAPI(
+        QUESTION_API_URL + 'set-current',
+        isCurrent
+          ? null
+          : {
+              id: item.id,
+            },
+      )
+      if (data.code == 200) {
+        //message.success('设置成功')
+      } else {
+        message.error('设置失败: ' + data.message)
+      }
+    } catch (err) {
+      message.error('设置失败:' + err)
+    }
+  }
+
+  return {
+    currentQuestion,
+    isLoading,
+    isRevieveGetted,
+    isRepling,
+    isChangingPublic,
+    recieveQuestions,
+    recieveQuestionsFiltered,
+    sendQuestions,
+    onlyFavorite,
+    onlyPublic,
+    onlyUnread,
+    displayQuestion,
+    GetRecieveQAInfo,
+    GetSendQAInfo,
+    reply,
+    read,
+    favorite,
+    setPublic,
+    blacklist,
+    setCurrentQuestion,
+  }
+})