From 0943f7aaf66884d09457e2dbdaa7f15b68aba55f Mon Sep 17 00:00:00 2001
From: Kaviilee <jiaweilee95@126.com>
Date: Tue, 28 May 2024 15:36:12 +0800
Subject: [PATCH] perf: update homework

---
 package.json                         |   2 +-
 src/App.vue                          |   2 +-
 src/Comment.vue                      |  14 ++++++-
 src/assets/img/like4.png             | Bin 0 -> 8660 bytes
 src/components/boxcoin-records.vue   |  35 ++++++++++++++++
 src/components/comment-and-reply.vue |  60 ++++++++++++++++++++++++++-
 src/service.js                       |   6 ++-
 vue.config.js                        |   6 +++
 8 files changed, 118 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/img/like4.png
 create mode 100644 src/components/boxcoin-records.vue

diff --git a/package.json b/package.json
index c3c50b6..c4c2f12 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-comment-ui",
-    "version": "1.9.0",
+    "version": "1.9.1",
     "scripts": {
         "dev": "env DEV_SERVER=true vue-cli-service serve",
         "serve": "vue-cli-service serve",
diff --git a/src/App.vue b/src/App.vue
index fbdeba7..50aa90a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-    <Comment id="68185" category="post" order="desc" />
+    <Comment id="80317" category="post" order="desc" />
     <!-- <Comment :id="30015" category="post" order="desc" /> -->
 </template>
 
diff --git a/src/Comment.vue b/src/Comment.vue
index 697672d..d1400c7 100644
--- a/src/Comment.vue
+++ b/src/Comment.vue
@@ -61,6 +61,7 @@
                         :user-href="item.userId | profileLink"
                         :username="item.displayName"
                         :homework="homework"
+                        :post-type="postType"
                         @deleteComment="deleteComment"
                         @setTopComment="setTopComment"
                         @setStarComment="setStarComment"
@@ -93,6 +94,7 @@
         </el-main>
 
         <homework v-model="showHomeWork" v-if="homework" :postType="postType" :postId="postData.postId" :client="postData.client" :userId="postData.userId"></homework>
+        <boxcoin-records v-model="showBoxCoin" v-if="homework" :postType="postType" :postId="postData.postId" :client="postData.client"></boxcoin-records>
     </el-container>
 </template>
 
@@ -104,6 +106,7 @@ import CommentAndReply from "./components/comment-and-reply.vue";
 import { GET, POST, DELETE, PUT } from "./service";
 import { getOrderMode, setOrderMode } from "./options";
 import Homework from "@jx3box/jx3box-common-ui/src/interact/Homework.vue";
+import boxcoinRecords from "./components/boxcoin-records.vue";
 import {bus} from "./utils";
 export default {
     name: "Comment",
@@ -137,7 +140,8 @@ export default {
         CommentAvatar,
         CommentAndReply,
         CommentInputForm,
-        Homework
+        Homework,
+        boxcoinRecords
     },
     data: function () {
         return {
@@ -164,7 +168,8 @@ export default {
                 postId: 0,
                 userId: 0,
                 client: location.href.includes("origin") ? "origin" : "std",
-            }
+            },
+            showBoxCoin: false,
         };
     },
     computed: {
@@ -340,6 +345,11 @@ export default {
             this.postData.userId = data.userId;
             this.showHomeWork = true;
         })
+
+        bus.on("boxcoin-click", data => {
+            this.postData.postId = data.id;
+            this.showBoxCoin = true;
+        })
     },
 };
 </script>
diff --git a/src/assets/img/like4.png b/src/assets/img/like4.png
new file mode 100644
index 0000000000000000000000000000000000000000..5bf9474134f78fb2d384ea52bc508e2afad468c6
GIT binary patch
literal 8660
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

literal 0
HcmV?d00001

diff --git a/src/components/boxcoin-records.vue b/src/components/boxcoin-records.vue
new file mode 100644
index 0000000..927dac6
--- /dev/null
+++ b/src/components/boxcoin-records.vue
@@ -0,0 +1,35 @@
+<template>
+    <el-dialog :visible="modelValue" @close="onClose" title="打赏记录" width="1002px">
+        <boxcoin-records :postType="postType" :postId="postId" :postClient="client" mode="normal"></boxcoin-records>
+    </el-dialog>
+</template>
+
+<script>
+import boxcoin_records from '@jx3box/jx3box-common-ui/src/interact/boxcoin_records.vue';
+import "@jx3box/jx3box-common-ui/assets/css/thx.less";
+export default {
+    name: "BoxcoinRecords",
+    components: {
+        'boxcoin-records': boxcoin_records,
+    },
+    props: {
+        postType: String,
+        postId: String,
+        client: String,
+        modelValue: Boolean,
+    },
+    model: {
+        prop: "modelValue",
+        event: "update:modelValue"
+    },
+    methods: {
+        onClose() {
+            this.$emit('update:modelValue', false);
+        }
+    }
+}
+</script>
+
+<style lang="less">
+// @import "@jx3box/jx3box-common-ui/assets/css/thx.less";
+</style>
\ No newline at end of file
diff --git a/src/components/comment-and-reply.vue b/src/components/comment-and-reply.vue
index 0dd8058..b1bb980 100644
--- a/src/components/comment-and-reply.vue
+++ b/src/components/comment-and-reply.vue
@@ -8,6 +8,10 @@
                 :href="userHref"
                 >{{ username || "人字榜800线无名小侠" }}</el-link
             >
+            <span class="u-boxcoin" v-if="total" @click="onBoxcoinClick">
+                <img class="u-boxcoin-img" src="../assets/img/like4.png" alt="">
+                卷面分：<span class="u-boxcoin-num">{{ total }}</span><i class="el-icon-coin"></i>
+            </span>
             <span class="u-mark u-top" v-if="item.is_top"
                 ><i class="el-icon-download"></i>置顶</span
             >
@@ -60,10 +64,10 @@
 <script>
 import ContentOfCommentAndReply from "./comment-and-reply-subcomponents-content.vue";
 import ReplyList from "./comment-and-reply-subcomponents-reply-list.vue";
-import { POST, DELETE, GET } from "../service";
+import { POST, DELETE, GET, getHistorySummary } from "../service";
 import {bus} from "../utils"
 export default {
-    props: ["item", "baseApi", "power", "user-href", "username", "homework"],
+    props: ["item", "baseApi", "power", "user-href", "username", "homework", "postType"],
     components: {
         ContentOfCommentAndReply,
         ReplyList
@@ -76,6 +80,11 @@ export default {
                 pageSize: 10,
                 pageTotal: 1,
                 total: 0
+            },
+
+            summary: {
+                fromManager: 0,
+                fromUser: 0
             }
         };
     },
@@ -90,6 +99,22 @@ export default {
     created() {
         this.replyList = this.item.reply || [];
     },
+    watch: {
+        item: {
+            deep: true,
+            immediate: true,
+            handler(val) {
+                if (val?.id) {
+                    this.loadHomeworkBoxcoin()
+                }
+            }
+        }
+    },
+    computed: {
+        total() {
+            return this.summary.fromManager + this.summary.fromUser;
+        }
+    },
     methods: {
         deleteComment() {
             this.$emit("deleteComment", this.item.id);
@@ -162,6 +187,15 @@ export default {
         },
         onHomework() {
             bus.emit("homework-click", this.item);
+        },
+        onBoxcoinClick() {
+            bus.emit("boxcoin-click", this.item);
+        },
+        loadHomeworkBoxcoin() {
+            if (!this.homework) return;
+            getHistorySummary(this.postType, this.item.id).then(res => {
+                this.summary = res.data.data;
+            })
         }
     }
 };
@@ -200,4 +234,26 @@ export default {
         background-color:#ff99cc;
     }
 }
+.c-comment-cmt__author {
+    .pr;
+
+    .u-boxcoin {
+        .pa;
+        right: 10px;
+        top: 0;
+        .fz(14px);
+        .flex;
+        align-items: center;
+        gap: 5px;
+        .pointer;
+    }
+
+    .u-boxcoin-img {
+        .size(14px);
+    }
+
+    .u-boxcoin-num{
+        color: #f0b400;
+    }
+}
 </style>
diff --git a/src/service.js b/src/service.js
index 04590e5..c627618 100644
--- a/src/service.js
+++ b/src/service.js
@@ -1,6 +1,7 @@
 //import { Notification } from 'element-ui';
 import { __Links, __next } from "@jx3box/jx3box-common/data/jx3box.json"
 import { Notification } from "element-ui"
+import { $pay } from "@jx3box/jx3box-common/js/https"
 
 
 export const GET = function (url, queryParams) {
@@ -12,7 +13,6 @@ export const GET = function (url, queryParams) {
         },
     }
     return __fetch(url, queryParams, options)
-
 }
 
 var postRecord = {}
@@ -151,4 +151,8 @@ function __fetch(url, queryParams, options) {
                 return resp.text()
         }
     })
+}
+
+export const getHistorySummary = (postType, postId) => {
+    return $pay().get(`/api/inspire/article/${postType}/${postId}/history/summary`)
 }
\ No newline at end of file
diff --git a/vue.config.js b/vue.config.js
index 5391063..3db3bf0 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -15,6 +15,12 @@ module.exports = {
                     request.setHeader("origin", "");
                 }
             },
+            "/api": {
+                target: process.env["DEV_SERVER"] == "true" ? "http://localhost:8000" : "https://pay.jx3box.com",
+                onProxyReq: function (request) {
+                    request.setHeader("origin", "");
+                }
+            }
         }
     },
     chainWebpack: config => {