订阅者

2020-10-16 14:31:39 +08:00
parent 9a6eeff200
commit 3f1085f664
5 changed files with 147 additions and 268 deletions
--- a/src/views/mine/Cashout.vue
+++ b/src/views/mine/Cashout.vue
@@ -9,7 +9,7 @@
    <div class="mingxilist">
      <div class="tabs">
        <div class="beforetab">提现到指定账户</div>
-        <span class="residue">余额：￥50</span>
+        <span class="residue">余额：{{yue}}</span>
        <div class="topbtn topbtn2">提现到指定账户</div>
        <div class="topbtn topbtn1">提现记录</div>
      </div>
@@ -97,7 +97,7 @@
            <div class="desc">注：每笔提现收取0.1%服务费，最低￥0.1</div>
          </div>
        </div>
-        <div class="ale">*您的余额只有￥{{yue}}，最低提现金额￥100</div>
+        <div class="ale" v-if="payinfo.money<100 || payinfo.money>parseFloat(yue)">*您的余额只有{{parseFloat(yue)}}，最低提现金额￥100</div>
      </div>
      <div class="cashoutall submit" @click="sub">立即提现</div>
      <NavBottom class="navbottom"></NavBottom>
@@ -109,6 +109,7 @@
 import { defineComponent, onMounted, ref, toRaw } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import { cashout, getwallect } from '@/api';
+import store from '@/store';
 export default defineComponent({
  name: "Cashout",
  components: {
@@ -124,13 +125,14 @@ export default defineComponent({
      bankcode:"",
      bankname:"",
      international:0,
-      typeid:0

    })
    const moneychange: (e: number) => void = (e: number) => {
      console.log(e);
    };
-    const yue=ref<number>(105)
+    // const yue=ref<string>(store.state.userinfo.money)
+    const yue=ref<number>(10000)
+    // yue.value=store.state.userinfo.money
    const accountlist =ref<Array<any>>([])

    onMounted(async () => {
@@ -139,7 +141,7 @@ export default defineComponent({
    function onChange(e: any) {
      console.log(e.target.value);
      payinfo.value.type=e.target.value
-      payinfo.value.typeid=toRaw(accountlist.value)[e.target.value].wallectid
+      // payinfo.value.typeid=toRaw(accountlist.value)[e.target.value].wallectid
      // payinfo.value.type=toRaw(accountlist.value)[e.target.value].wallectid
    }
    function all(){
@@ -147,7 +149,9 @@ export default defineComponent({
    }
    function sub(){
      console.log(toRaw(payinfo.value))
-      // cashout(toRaw(payinfo.value))
+      console.log(toRaw(payinfo.value))
+      payinfo.value.money=Number(payinfo.value.money)
+      cashout(toRaw(payinfo.value),toRaw(accountlist.value)[payinfo.value.type])
      
    }
    return {
@@ -158,7 +162,8 @@ export default defineComponent({
      all,
      yue,
      sub,
-      accountlist
+      accountlist,
+      store
    };
  },
 });
--- a/src/views/mine/Transactiondetail.vue
+++ b/src/views/mine/Transactiondetail.vue
@@ -6,38 +6,41 @@
      <a-breadcrumb-item href=""> Application List </a-breadcrumb-item>
      <a-breadcrumb-item>An Application</a-breadcrumb-item>
    </a-breadcrumb>
-         <div class="mingxilist">
-      <div class="tabs">
-        <div class="beforetab">交易明细详情</div>
-      </div>
-      <div class="detail">
-        <div class="infoitem">
-          <div class="left">金额</div>
-          <div class="right">￥30.00</div>
+      <div class="mingxilist">
+        <div class="tabs">
+          <div class="beforetab">交易明细详情</div>
        </div>
+        <div class="detail">
+          <div class="infoitem">
+            <div class="left">金额</div>
+            <div class="right">{{accountinfo.money}}</div>
+          </div>

-        <div class="infoitem">
-          <div class="left">类型</div>
-          <div class="right">收入</div>
-        </div>
+          <div class="infoitem">
+            <div class="left">类型</div>
+            <div class="right" v-if="accountinfo.type==1">直播收入</div>
+            <div class="right" v-if="accountinfo.type==2">提现</div>
+            <div class="right" v-if="accountinfo.type==3">后台充值</div>

-        <div class="infoitem">
-          <div class="left">流水号</div>
-          <div class="right">126545654561656515616256565646556</div>
-        </div>
+          </div>

-        <div class="infoitem">
-          <div class="left">日期</div>
-          <div class="right">2020-08-17  14:23:20</div>
-        </div>
+          <div class="infoitem">
+            <div class="left">流水号</div>
+            <div class="right">{{accountinfo.sn}}</div>
+          </div>

-        <div class="infoitem">
-          <div class="left">来源</div>
-          <div class="right">直播收益—英语三级A1教学</div>
+          <div class="infoitem">
+            <div class="left">日期</div>
+            <div class="right">{{accountinfo.created_at}}</div>
+          </div>
+
+          <div class="infoitem">
+            <div class="left">来源</div>
+            <div class="right">直播收益—英语三级A1教学</div>
+          </div>
+        
+          <div class="back">返回</div>
        </div>
-      
-        <div class="back">返回</div>
-      </div>
      <NavBottom class="navbottom"></NavBottom>
    </div>
    
@@ -45,17 +48,22 @@
 </template>

 <script lang="ts">
-import { defineComponent } from "vue";
+import { defineComponent, onMounted, ref } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
+import { transactioninfo } from '@/api';
+import { useRoute } from 'vue-router';
 export default defineComponent({
  name: "Transactiondetail",
  components: {
      NavBottom
  },
  setup() {
- 
+    const accountinfo=ref<any>({})
+    onMounted(async () => {
+      accountinfo.value=await transactioninfo(useRoute().query.id)
+    })
    return {
- 
+      accountinfo
    };
  },
 });
--- a/src/views/mine/Wallet.vue
+++ b/src/views/mine/Wallet.vue
@@ -20,7 +20,7 @@
            <img src="@/static/images/account.png" alt="" class="pic" />
            <div class="texts">
              <div>绑定用户</div>
-              <div class="num">3</div>
+              <div class="num">{{accountlist.length}}</div>
            </div>
          </div>
          <div class="linecolumn"></div>
@@ -31,8 +31,12 @@
              <div class="num">
                <span class="moneyicon" v-if="ifchina">￥</span>
                <span class="moneyicon" v-else> $ </span>
-                880
-                <span class="float">.00</span>
+                <!-- {{store.state.userinfo.moneyValue}} -->
+                
+                <!-- {{store.state.userinfo.money.split('.')[0]}}
+                 <span class="float">{{store.state.userinfo.money.split('.')[1]?'.'+store.state.userinfo.money.split('.')[1]:''}}</span> -->
+                
+                <!-- <span class="float">{{'$0'.split('.')}}</span> -->
              </div>
            </div>
          </div>
@@ -185,7 +189,7 @@
              <td>{{i.typename}}</td>
              <td class="moneyadd moneyreverse" v-if="i.type==2">-￥{{i.money}}</td>
              <td class="moneyadd " v-else>+￥{{i.money}}</td>
-              <td>查看详情</td>
+              <td @click="navto(3,i.accountid)">查看详情{{i.accountid}}</td>
            </tr>
         
          </tbody>
@@ -200,6 +204,7 @@
 import { defineComponent, onMounted, ref, toRaw } from "vue";
 import NavBottom from "@/components/NavBottom.vue";
 import router from "@/router";
+import store from '@/store';
 import { deleteaccount, getwallect, saleinfo } from "@/api";
 export default defineComponent({
  name: "Wallet",
@@ -214,10 +219,11 @@ export default defineComponent({
    const listindex=ref<number>(1)
    const state=ref<number>(0)
    const dates=ref<Array<string>>(["",""])
-      onMounted(async () => {
+    onMounted(async () => {

      salelist.value = await saleinfo();
      accountlist.value=await  getwallect();
+      console.log(store.state.userinfo)
    });
    const tabindex = ref(0);
    async function tabchange(e: number): Promise<void> {
@@ -249,6 +255,8 @@ export default defineComponent({
        case 2:
          url = "/mine/cashout";
          break;
+        case 3:
+          url = "/mine/transactionxq"
      }
      if(id){
        router.push({
@@ -274,7 +282,8 @@ export default defineComponent({
      listindex,
      onChange,
      dates,
-      del
+      del,
+      store
    };
  },
 });