JX3BOX / jx3box-comment-ui

Comment vue component
0 stars 1 forks source link

交作业 #37

Closed iRuxu closed 5 months ago

iRuxu commented 5 months ago

需求背景

先阅读:https://github.com/JX3BOX/jx3box-pay/issues/155 (打赏类型支持)

我们计划在工具栏目的学习笔札先开设此功能。 比如创意部最近在搞的全组AE学习。 可以让冰块发主贴,其它交作业的我会打赏盒币。

iRuxu commented 5 months ago

模型

wp_posts新增homework tinyint,默认0 0代表没有开放作业功能 1代表开放

前端

image
iRuxu commented 5 months ago

评论组件

接受一个prop,更新tool库,当文档的subtype=3时,传递开启作业

image

此时前面显示这个 【作业模式】,前面放个图标 归档.zip

iRuxu commented 5 months ago

黑洞

黑洞的图标换成el-icon-attract

iRuxu commented 5 months ago

批改作业

image

当开启了的时候,显示这个按钮 图标用el-icon-document-checked

点击后弹窗,需要自己再组合一个新的Homework组件到公共库。

image
iRuxu commented 5 months ago

被批改显示

image

然后点击,可以弹窗查看所有的品鉴+打赏记录。

这里后端要给一个接口,用来展示批量多个评论,每个评论获取的盒币总额 @flyflyknife

iRuxu commented 5 months ago

测试地址:https://www.jx3box.com/tool/80317

flyflyknife commented 5 months ago

被批改显示

image

然后点击,可以弹窗查看所有的品鉴+打赏记录。

这里后端要给一个接口,用来展示批量多个评论,每个评论获取的盒币总额 @flyflyknife

* [ ]  已完成

不建议走批量获取接口,走独立获取接口:/inspire/article/{postType:string}/{articleId:string}/history/summary。批量获取接口阻塞太严重了。

文档见:https://swagger.jx3box.com/swagger.html?urls.primaryName=pay.jx3box.com#/%E7%AE%A1%E7%90%86%E5%90%8E%E5%8F%B0/Manager-GetSummaryCoinArticle

每个显示总额的组件内部 独立获取当前内容的打赏总额。

伪代码:


const CommentInspireBoxcoinTotal:FC<{postType:string,articleId:string}> = ({postType, articleId})=>{

    const [total, setTotal] = useState<number>(0)

    useEffect(()=>{
        api.getHistory(postType, articleId).then((res)=>{
            setTotal(res.data.total)
        })
    }, [])

    return <>共获取盒子币{total}</>
}

<CommentInspireBoxcoinTotal postType="comment" articleId="xxxx"  />
iRuxu commented 5 months ago
image
iRuxu commented 5 months ago
image

附件大小调整

Kaviilee commented 5 months ago
image
  • [x] 已完成

是因为comment-ui没有svg-loader的原因。这个不在comment-ui修改