From dbb1fcace94c7cf38bfde1e8df9f558021404125 Mon Sep 17 00:00:00 2001
From: mutoe <mutoe@foxmail.com>
Date: Tue, 24 Jul 2018 09:35:33 +0800
Subject: [PATCH] =?UTF-8?q?feat(currency):=20#457=20=E7=A7=AF=E5=88=86?=
 =?UTF-8?q?=E6=8F=90=E5=8F=96=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/currency/CurrencyWithdraw.vue | 35 ++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/page/currency/CurrencyWithdraw.vue b/src/page/currency/CurrencyWithdraw.vue
index 62e10b54..a4016ba0 100644
--- a/src/page/currency/CurrencyWithdraw.vue
+++ b/src/page/currency/CurrencyWithdraw.vue
@@ -21,8 +21,8 @@
       <div class="input-wrap">
         <input
           v-model="form.amount"
+          :placeholder="`请至少提取${cash.min}积分`"
           type="number"
-          placeholder="请至少提取100积分"
           oninput="value = value.slice(0,8)">
       </div>
 
@@ -42,24 +42,31 @@
     </main>
 
     <footer>
-      <router-link
-        to="/currency/rule"
-        tag="p">
+      <p @click="popupRule">
         <v-icon
           style="vertical-align: bottom;"
           type="wallet-alert-circle"/>
         积分提取规则
-      </router-link>
+      </p>
     </footer>
 
+    <popup-dialog
+      ref="dialog"
+      title="用户充值协议">
+      <p v-html="rule"/>
+    </popup-dialog>
+
   </div>
 </template>
 
 <script>
 import bus from "@/bus";
+import { mapState } from "vuex";
+import PopupDialog from "@/components/PopupDialog.vue";
 
 export default {
   name: "CurrencyWithdraw",
+  components: { PopupDialog },
   data() {
     return {
       form: {
@@ -69,11 +76,29 @@ export default {
       loading: false
     };
   },
+  computed: {
+    ...mapState({
+      currency: "currency"
+    }),
+    cash() {
+      return this.currency.cash;
+    },
+    rule() {
+      const rule = this.currency.cash.rule || "";
+      return rule.replace(/\n/g, "<br>");
+    }
+  },
+  mounted() {
+    if (!this.cash.rule) this.$store.dispatch("currency/getCurrencyInfo");
+  },
   methods: {
     handleOk() {},
     selectWithdrawType() {
       const actions = [];
       bus.$emit("actionSheet", actions, "取消", "当前未支持任何提现方式");
+    },
+    popupRule() {
+      this.$refs.dialog.show();
     }
   }
 };