From aaad5ab50bc61b9aebfc023bed9afcdc7a2882ce Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Tue, 1 Nov 2022 22:48:32 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E9=92=B1=E5=8C=85=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4=E4=B8=BA=E6=89=8B=E5=8A=A8=E6=BF=80=E6=B4=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/layouts/pc/header.vue |  3 ++-
 pages/article/_article_id.vue    |  2 +-
 pages/wallet.vue                 | 32 +++++++++++++++++++++++++-------
 3 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/components/layouts/pc/header.vue b/components/layouts/pc/header.vue
index 5d48e00..84e4cf5 100644
--- a/components/layouts/pc/header.vue
+++ b/components/layouts/pc/header.vue
@@ -90,7 +90,8 @@
                   </el-link>
                 </el-dropdown-item>
                 <el-dropdown-item command="user">个人中心</el-dropdown-item>
-                <el-dropdown-item command="answer">每日一题</el-dropdown-item>
+                <el-dropdown-item command="answer" v-if="$auth.user.bankAccount">每日一题</el-dropdown-item>
+                <el-dropdown-item command="answer" v-else :disabled="true">每日一题<small>(开通钱包账号激活)</small></el-dropdown-item>
                 <el-dropdown-item command="drafts" divided>我的草稿</el-dropdown-item>
                 <el-dropdown-item command="wallet">我的钱包</el-dropdown-item>
                 <el-dropdown-item command="user-info" divided>设置</el-dropdown-item>
diff --git a/pages/article/_article_id.vue b/pages/article/_article_id.vue
index 1a99618..b5f2aae 100644
--- a/pages/article/_article_id.vue
+++ b/pages/article/_article_id.vue
@@ -95,7 +95,7 @@
                   {{ article.articleThumbsUpCount }}
                 </el-button>
               </el-tooltip>
-              <el-tooltip class="item" effect="dark" content="赞赏" placement="top-start">
+              <el-tooltip v-if="article.canSponsor" class="item" effect="dark" content="赞赏" placement="top-start" :disabled="!$auth.user.bankAccount">
                 <el-button v-if="user.idUser === article.articleAuthorId" type="text"
                            style="font-size: 1.2rem;">
                   <svg width="24" height="24">
diff --git a/pages/wallet.vue b/pages/wallet.vue
index 5be2f1a..b266b02 100644
--- a/pages/wallet.vue
+++ b/pages/wallet.vue
@@ -8,15 +8,21 @@
         <span style="font-size: 24px;"> 账号:</span> <span style="color: red;">{{ bankAccount.bankAccount }}</span>
       </el-col>
       <el-col class="bank-account-item">
-        <span style="font-size: 24px;"> 余额:</span> <span style="color: red;">{{ bankAccount.accountBalance }}</span> <span
-        style="font-size: 24px;">巴旦木</span>
+        <span style="font-size: 24px;"> 余额:</span> <span style="color: red;">{{ bankAccount.accountBalance }}</span>
+        <span
+          style="font-size: 24px;">巴旦木</span>
       </el-col>
       <el-col>
-        <records :records="records" :bankAccount="bankAccount.bankAccount" @currentChange="handleCurrentChange" @searchTransactionRecord="searchTransactionRecord"></records>
+        <records :records="records" :bankAccount="bankAccount.bankAccount" @currentChange="handleCurrentChange"
+                 @searchTransactionRecord="searchTransactionRecord"></records>
       </el-col>
     </el-col>
     <el-col v-else style="text-align: center;margin-top: 10vh;">
-      <el-button type="primary">开通钱包账号</el-button>
+      <p style="font-size: 24px;line-height: 48px;">
+        <code>钱包</code> 是社区非常重要的组成部分<br/>
+        开通钱包账号后可激活 <code>每日一题</code> , <code>赞赏</code> 等功能
+      </p>
+      <el-button type="primary" @click="createBankAccount">现在开通</el-button>
     </el-col>
   </el-row>
 </template>
@@ -28,7 +34,8 @@ import Records from "../components/common/bank/account/records";
 export default {
   name: "wallet",
   components: {Records},
-  fetch({store, error}) {
+  fetch() {
+    let {store, error} = this.$nuxt.context
     return Promise.all([
       store
         .dispatch('wallet/fetchDetail')
@@ -45,8 +52,7 @@ export default {
     })
   },
   data() {
-    return {
-    }
+    return {}
   },
   methods: {
     handleCurrentChange(search) {
@@ -67,6 +73,14 @@ export default {
         startDate: startDate,
         endDate: endDate
       })
+    },
+    createBankAccount() {
+      let _ts = this
+      _ts.$axios.$post('/api/wallet/create').then(function (res) {
+        if (res) {
+          _ts.$fetch()
+        }
+      })
     }
   },
   mounted() {
@@ -80,4 +94,8 @@ export default {
   font-size: 32px;
   padding-left: 15vw;
 }
+code {
+  color: red;
+  font-weight: bold;
+}
 </style>