@jx3box/jx3box-vue3-ui 1.1.7 → 1.1.8

package/assets/css/thx.less

@@ -36,6 +36,11 @@
 
 .w-boxcoin-block {
     .pointer;
+
+    &.disabled{
+        opacity:0.5;
+        cursor:not-allowed;
+    }
 }
 .w-boxcoin-admin {
     .x(left);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-vue3-ui",
-    "version": "1.1.7",
+    "version": "1.1.8",
     "description": "JX3BOX Vue3 UI",
     "main": "index.js",
     "scripts": {

package/src/comment/CommentInputForm.vue

@@ -1,5 +1,8 @@
 <template>
     <el-form ref="form" :model="newComment" class="c-comment-box">
+        <div class="u-mask">
+            参与评论，需先进行<a href="/dashboard/auth" class="u-link">账号认证</a>。
+        </div>
         <el-form-item>
             <el-input
                 rows="3"
@@ -156,4 +159,24 @@ export default {
         }
     }
 }
+.c-comment-box {
+    .pr;
+
+    .u-mask {
+        .pa;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(255, 255, 255, 0.8);
+        z-index: 10;
+        display: none;
+        text-align: center;
+        align-content: center;
+    }
+
+    .u-link {
+        color: @primary;
+    }
+}
 </style>

package/src/interact/BoxcoinUser.vue

@@ -1,11 +1,17 @@
 <template>
     <div class="w-boxcoin-user" v-if="allowBoxcoin">
-        <el-tooltip effect="dark" content="投币" placement="top-start">
+        <el-tooltip effect="dark" content="投币" placement="top-start" v-if="canGift">
             <div class="w-boxcoin-block" @click="openBoxcoinPop">
                 <img class="u-icon" svg-inline :src="iconPath" />
                 <span class="u-count" v-if="boxcoin">{{ boxcoin }}</span>
             </div>
         </el-tooltip>
+        <el-tooltip effect="dark" content="您当前等级不够，不能够进行投币。" placement="top" v-else>
+             <div class="w-boxcoin-block disabled">
+                <img class="u-icon" svg-inline :src="iconPath" />
+                <span class="u-count" v-if="boxcoin">{{boxcoin}}</span>
+            </div>
+        </el-tooltip>
         <el-dialog
             title="投币打赏"
             v-model="visible"
@@ -68,7 +74,7 @@ import { debounce } from "lodash";
 import JX3BOX  from "@jx3box/jx3box-common/data/jx3box.json";
 export default {
     name: "BoxcoinUser",
-    props: ["boxcoin", "postType", "postId", "userId", "own", "points", "authors", "client"],
+    props: ["boxcoin", "postType", "postId", "userId", "own", "points", "authors", "client","category","canGift"],
     components: {
         Contributors,
     },
@@ -139,6 +145,7 @@ export default {
             rewardBoxcoin(this.postType, this.postId, this.chosen || this.userId, count, {
                 remark: this.remark,
                 client: this.client || this.hostClient,
+                redirect: this.category ? `/${this.category}/${this.postId}` : undefined
             })
                 .then((res) => {
                     this.$message({

package/src/single/Comment.vue

@@ -1,5 +1,5 @@
 <template>
-    <el-container class="c-comment" v-loading="loading">
+    <el-container class="c-comment" :class="{ 'c-comment-mask': showMask }" v-loading="loading">
         <el-main>
             <CommentInputForm @submit="userSubmitInputForm" />
             <div class="c-comment-panel">
@@ -85,6 +85,8 @@ import { showAvatar, authorLink } from "@jx3box/jx3box-common/js/utils";
 import CommentInputForm from "../comment/CommentInputForm.vue";
 import CommentWithReply from "../comment/CommentWithReply.vue";
 import { GET, POST, DELETE, PUT, getOrderMode, setOrderMode } from "../../service/comment";
+import { getConfig } from "../../service/cms";
+import User from "@jx3box/jx3box-common/js/user";
 export default {
     name: "CommentComp",
     props: ["id", "category", "normal", "order"],
@@ -111,6 +113,8 @@ export default {
             orderByLikes: false,
             openWhiteList: false,
             loading: false,
+
+            showMask: false,
         };
     },
     computed: {
@@ -279,6 +283,16 @@ export default {
             .finally(() => {
                 this.reloadCommentList(1);
             });
+
+        getConfig({
+            key: "comment_strict",
+        }).then((res) => {
+            if (res.val == 1) {
+                if (User.isLogin()) {
+                    this.showMask = User.getInfo().group < 16;
+                }
+            }
+        });
     },
 };
 </script>
@@ -293,6 +307,11 @@ export default {
         color: #fff !important;
     }
 }
+.c-comment-mask {
+    .u-mask {
+        display: block;
+    }
+}
 .u-uploader {
     margin-top: 10px;
 }

package/src/single/Thx.vue

@@ -33,6 +33,7 @@
                 @updateRecord="updateRecord"
                 :client="finalClient"
                 :category="category"
+                :can-gift="lvEnough"
             />
             <Share :postId="postId" :postType="postType" :client="client" />
             <watch-later :category="postType" :title="postTitle" :author-id="authorId" :banner="banner" :content-id="contentMetaId"></watch-later>
@@ -161,6 +162,8 @@ export default {
 
             admin_boxcoin_visible: 1,
             hasPermission: false,
+
+            lvEnough: false, // 用户等级是否足够
         };
     },
     computed: {
@@ -226,6 +229,16 @@ export default {
                 this.admin_boxcoin_visible = Number(res?.val)
             });
 
+            getConfig({
+                key: `level_has_gift_permission`
+            }).then((res) => {
+                User.isLogin() && User.getAsset().then((data) => {
+                    const asset = data;
+                    this.lvEnough = asset && asset.experience >= Number(res?.val);
+                });
+            });
+
+
             User.isLogin() &&  getUserPermission().then(res => {
                 const permissions = res.data.data.permission?.map(item => item.action)
                 this.hasPermission = permissions.includes(`manage_boxcoin_${this.postType}`)

package/vue.config.js

@@ -48,7 +48,7 @@ module.exports = {
                 },
             },
             "/api/cms": {
-                target: process.env["DEV_SERVER"] == "true" ? "http://localhost:7100" : "https://cms.jx3box.com",
+                target: "https://cms.jx3box.com",
             },
             "/api/article": {
                 target: "https://next2.jx3box.com",