增加基本项目配置

pages/user/promotion/UserCash/index.vue

@@ -0,0 +1,188 @@
+<template>
+  <div class="cash-withdrawal">
+    <div class="nav acea-row">
+      <div
+        v-for="(item, navListIndex) in navList"
+        class="item font-color-red"
+        @click="swichNav(navListIndex, item)"
+        :key="navListIndex"
+      >
+        <div
+          class="line bg-color-red"
+          :class="currentTab === navListIndex ? 'on' : ''"
+        ></div>
+        <div
+          class="iconfont"
+          :class="item.icon + ' ' + (currentTab === navListIndex ? 'on' : '')"
+        ></div>
+        <div>{{ item.name }}</div>
+      </div>
+    </div>
+    <div class="wrapper">
+      <div :hidden="currentTab !== 0" class="list">
+        <div class="item acea-row row-between-wrapper">
+          <div class="name">微信号</div>
+          <div class="input">
+            <input placeholder="请输入微信号" v-model="post.weixin" />
+          </div>
+        </div>
+        <div class="item acea-row row-between-wrapper">
+          <div class="name">提现</div>
+          <div class="input">
+            <input
+              :placeholder="'最低提现金额' + minPrice"
+              v-model="post.money"
+            />
+          </div>
+        </div>
+        <div class="tip">当前可提现金额: {{ commissionCount }}</div>
+        <div class="bnt bg-color-red" @click="submitted">提现</div>
+      </div>
+      <div :hidden="currentTab !== 1" class="list">
+        <div class="item acea-row row-between-wrapper">
+          <div class="name">用户名</div>
+          <div class="input">
+            <input placeholder="请填写您的支付宝用户名" v-model="post.name" />
+          </div>
+        </div>
+        <div class="item acea-row row-between-wrapper">
+          <div class="name">账号</div>
+          <div class="input">
+            <input
+              placeholder="请填写您的支付宝账号"
+              v-model="post.alipay_code"
+            />
+          </div>
+        </div>
+        <div class="item acea-row row-between-wrapper">
+          <div class="name">提现</div>
+          <div class="input">
+            <input
+              :placeholder="'最低提现金额' + minPrice"
+              v-model="post.money"
+            />
+          </div>
+        </div>
+        <div class="tip">当前可提现金额: {{ commissionCount }}</div>
+        <div class="bnt bg-color-red" @click="submitted">提现</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { getBank, postCashInfo } from "@/api/user";
+import { required } from "@/utils/validate";
+import { validatorDefaultCatch } from "@/utils/dialog";
+
+export default {
+  name: "UserCash",
+  components: {},
+  props: {},
+  data: function() {
+    return {
+      navList: [
+        { name: "微信", type: "weixin", icon: "icon-weixin2" },
+        { name: "支付宝", type: "alipay", icon: "icon-icon34" }
+      ],
+      post: {
+        extract_type: "weixin",
+        alipay_code: "",
+        money: "",
+        name: "",
+        bankname: "",
+        cardnum: "",
+        weixin: ""
+      },
+      currentTab: 0,
+      minPrice: 0,
+      banks: [],
+      commissionCount: 0
+    };
+  },
+  mounted: function() {
+    this.getBank();
+  },
+  methods: {
+    swichNav: function(index, item) {
+      this.currentTab = index;
+      this.post.extract_type = item.type;
+    },
+    getBank: function() {
+      let that = this;
+      getBank().then(
+        res => {
+          that.banks = res.data.extractBank;
+          that.minPrice = res.data.minPrice;
+          that.commissionCount = res.data.commissionCount;
+        },
+        function(err) {
+          that.$dialog.message(err.msg);
+        }
+      );
+    },
+    async submitted() {
+      let bankname = this.post.bankname,
+        alipay_code = this.post.alipay_code,
+        money = this.post.money,
+        name = this.post.name,
+        cardnum = this.post.cardnum,
+        weixin = this.post.weixin,
+        that = this;
+      if (
+        parseFloat(money) > parseFloat(that.commissionCount) ||
+        parseFloat(that.commissionCount) == 0
+      )
+        return that.$dialog.message("余额不足");
+      if (parseFloat(money) < parseFloat(that.minPrice))
+        return that.$dialog.message("最低提现金额" + that.minPrice);
+      switch (that.post.extract_type) {
+        case "alipay":
+          try {
+            await this.$validator({
+              name: [required(required.message("支付宝用户名"))],
+              alipayCode: [required(required.message("支付宝账号"))],
+              money: [required(required.message("提现金额"))]
+            }).validate({ name, alipay_code, money });
+            let save = {
+              extractType: that.post.extract_type,
+              alipayCode: alipay_code,
+              name: name,
+              money: money
+            };
+            that.save(save);
+          } catch (e) {
+            return validatorDefaultCatch(e);
+          }
+          break;
+        case "weixin":
+          try {
+            await this.$validator({
+              weixin: [required(required.message("提现微信号"))],
+              money: [required(required.message("提现金额"))]
+            }).validate({ weixin, money });
+            let save = {
+              extractType: that.post.extract_type,
+              weixin: weixin,
+              money: money
+            };
+            that.save(save);
+          } catch (e) {
+            return validatorDefaultCatch(e);
+          }
+          break;
+      }
+    },
+    save: function(info) {
+      postCashInfo(info).then(
+        res => {
+          this.$dialog.message(res.msg);
+          this.router.push({ path: "/user/audit" });
+        },
+        error => {
+          this.$dialog.message(error.msg);
+        }
+      );
+    }
+  }
+};
+</script>

pages/user/promotion/UserCash/main.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+import App from './index'
+
+const app = new Vue(App)
+app.$mount()