diff --git a/api/user.js b/api/user.js
index ff780d8..7ea3bfd 100644
--- a/api/user.js
+++ b/api/user.js
@@ -739,3 +739,25 @@ export function inviteCodePayment(data) {
 export function inviteCodeConfirmUse(data) {
 	return request.get("sVip/inviteUse", data);
 }
+// 提现账号管理 - 获取列表
+export function withdrawalAccountList() {
+  return request.get("withdrawalAccount/list");
+}
+// 提现账号管理 - 提交编辑
+export function withdrawalAccountEdit(data) {
+  return request.post("withdrawalAccount/edit", data);
+}
+// 提现账号管理 - 删除
+export function withdrawalAccountDel(id) {
+  return request.post(`withdrawalAccount/del/${id}`);
+}
+
+
+
+
+
+
+
+
+
+
diff --git a/components/cash/index.vue b/components/cash/index.vue
index f9772a7..72133a9 100644
--- a/components/cash/index.vue
+++ b/components/cash/index.vue
@@ -2,7 +2,7 @@
 	<view :style="viewColor">
 		<view class="payment" :class="pay_close ? 'on' : ''">
 			<view class="title acea-row row-center-wrapper">
-				选择提现方式<text class="iconfont icon-guanbi" @click='close'></text>
+				选择账号类型<text class="iconfont icon-guanbi" @click='close'></text>
 			</view>
 			<radio-group @change="radioChange">
 				<label class="item acea-row row-between-wrapper" v-for="(item,index) in payMode" :key="index">
@@ -109,7 +109,7 @@
 		height: 130rpx;
 		margin-left: 30rpx;
 		padding-right: 30rpx;
-	}	
+	}
 	.payment .item .acea-row-left{
 		 .icon-left{
 			display: inline-block;
diff --git a/pages.json b/pages.json
index e8b0305..fc6673e 100644
--- a/pages.json
+++ b/pages.json
@@ -272,6 +272,12 @@
 						"navigationBarTitleText": "提现"
 					}
 				},
+				{
+					"path": "user_cash/account_list",
+					"style": {
+						"navigationBarTitleText": "账号管理"
+					}
+				},
 				{
 					"path": "user_address_list/index",
 					"style": {
diff --git a/pages/users/user_cash/account_list.vue b/pages/users/user_cash/account_list.vue
new file mode 100644
index 0000000..56c3d1b
--- /dev/null
+++ b/pages/users/user_cash/account_list.vue
@@ -0,0 +1,698 @@
+<template>
+	<view class="page-content">
+    <!-- 账号列表 -->
+    <uni-popup ref="accountList" type="bottom" :maskClick="false" :isMaskClick="false">
+      <view class="account-list">
+        <!--列表-->
+        <scroll-view class="_list" :scroll-y="true">
+          <view class="_list-item" v-for="(item,index) in list" :key="index">
+            <view class="item-info">
+              <view class="top">{{ item.extract_type | extractTypeText }}</view>
+              <view class="tag-list">
+                <view class="tag-list-item" v-if="Number(item.extract_type) === 1">{{ item.wechat }}</view>
+                <view class="tag-list-item" v-if="Number(item.extract_type) === 2">{{ item.alipay_code }}</view>
+                <view class="tag-list-item" v-if="Number(item.extract_type) === 0">{{ item.bank_code }}</view>
+              </view>
+            </view>
+            <view class="item-btn-group">
+              <view class='item-btn del-btn' @click="delAccount(item.id)">删除</view>
+              <view class='item-btn edit-btn' @click="editAccount(item)">编辑</view>
+              <view class='item-btn use-btn' @click="useAccount(item)">使用</view>
+            </view>
+          </view>
+        </scroll-view>
+        <!--底部按钮-->
+        <view class="btn-group">
+          <view class='button-btn close-btn' @click="accountStatusChange('close')">取消</view>
+          <view class='button-btn add-btn' @click="addAccountStatusChange()">添加</view>
+        </view>
+      </view>
+    </uni-popup>
+    <!--添加账号弹框-->
+    <uni-popup ref="addAccount" type="bottom" :maskClick="false" :isMaskClick="false">
+      <view class="add-account">
+        <!-- 表单 -->
+        <view class="_from">
+          <view class="_from-item">
+            <view class="item-label">账号类型</view>
+            <view class="item-content">
+              <view class="item-account-type" @click="accountTypeStatusChange()">
+                <view class="item-account-type-info">
+                  <view class="type-icon" :style="[{backgroundColor: navList[currentTab]['bg_color']}]">
+                    <view class="iconfont bankicon" :class="navList[currentTab]['icon']"></view>
+                  </view>
+                  <text class="type-name">{{ navList[currentTab]["name"] }}</text>
+                </view>
+                <view class='right-icon iconfont icon-jiantou'></view>
+              </view>
+            </view>
+          </view>
+          <!--银行卡-->
+          <template v-if="Number(currentTab) === 0">
+            <view class="_from-item">
+              <view class="item-label">账户类型</view>
+              <view class="item-content">
+                <picker class="picker-content" @change="bankTypeChange" :value="bank_type_index" :range="bank_type_list" range-key="title">
+                  <text class='Bank'>{{ bank_type_list[bank_type_index] ? bank_type_list[bank_type_index].title : '请选择账户类型' }}</text>
+                  <text class='iconfont icon-qiepian38'></text>
+                </picker>
+              </view>
+            </view>
+            <!-- 个人账户 -->
+            <template v-if="Number(current_account.bank_type) === 0 && current_account.bank_type !== ''">
+              <view class="_from-item">
+                <view class="item-label">持卡人</view>
+                <view class="item-content">
+                  <input placeholder='请输入持卡人姓名' v-model="current_account.real_name" />
+                </view>
+              </view>
+              <view class="_from-item">
+                <view class="item-label">账号</view>
+                <view class="item-content">
+                  <input placeholder='请输入银行账号' v-model="current_account.bank_code" />
+                </view>
+              </view>
+              <view class="_from-item" v-if="Object.values(bank_list).length > 0">
+                <view class="item-label">收款银行</view>
+                <view class="item-content">
+                  <picker class="picker-content" @change="bankChange" :value="bank_index" :range="bank_list" range-key="name">
+                    <text class='Bank'>{{ current_account.bank_name || '请选择收款银行' }}</text>
+                    <text class='iconfont icon-qiepian38'></text>
+                  </picker>
+                </view>
+              </view>
+              <view class="_from-item">
+                <view class="item-label">开户行</view>
+                <view class="item-content">
+                  <input placeholder='请输入开户行地址' v-model="current_account.bank_address" />
+                </view>
+              </view>
+            </template>
+            <!-- 企业账户 -->
+            <template v-if="Number(current_account.bank_type) === 1 && current_account.bank_type !== ''">
+              <view class="_from-item">
+                <view class="item-label">开户名称</view>
+                <view class="item-content">
+                  <input placeholder='请输入开户名称' v-model="current_account.real_name" />
+                </view>
+              </view>
+              <view class="_from-item">
+                <view class="item-label">账号</view>
+                <view class="item-content">
+                  <input placeholder='请输入银行账号' v-model="current_account.bank_code" />
+                </view>
+              </view>
+              <view class="_from-item">
+                <view class="item-label">开户行</view>
+                <view class="item-content">
+                  <input placeholder='请输入开户行地址' v-model="current_account.bank_address" />
+                </view>
+              </view>
+            </template>
+          </template>
+          <!--微信-->
+          <template v-if="Number(currentTab) === 1">
+            <template v-if="!sys_extension_type">
+              <view class="_from-item">
+                <view class="item-label">账号</view>
+                <view class="item-content">
+                  <input placeholder='请填写您的微信账号' v-model="current_account.wechat" />
+                </view>
+              </view>
+              <view class="_from-item">
+                <view class="item-label">收款码</view>
+                <view class="item-content">
+                  <view class='input upload acea-row row-middle'>
+                    <view class='picture' v-if="current_account.extract_pic">
+                      <image :src='current_account.extract_pic'></image>
+                      <text class='iconfont icon-guanbi1' @click='delPaymentCode'></text>
+                    </view>
+                    <view class='picture acea-row row-center-wrapper row-column' @click='uploadPaymentCode' v-else>
+                      <text class='iconfont icon-icon25201'></text>
+                      <view>上传图片</view>
+                    </view>
+                  </view>
+                </view>
+              </view>
+            </template>
+            <view v-else class="tips">微信提现到零钱为自动到账，无需填写账号信息!</view>
+          </template>
+          <!--支付宝-->
+          <template v-if="Number(currentTab) === 2">
+            <view class="_from-item">
+              <view class="item-label">账号</view>
+              <view class="item-content">
+                <input placeholder='请填写您的支付宝账号' v-model="current_account.alipay_code" />
+              </view>
+            </view>
+            <view class="_from-item">
+              <view class="item-label">收款码</view>
+              <view class="item-content">
+                <view class='input upload acea-row row-middle'>
+                  <view class='picture' v-if="current_account.extract_pic">
+                    <image :src='current_account.extract_pic'></image>
+                    <text class='iconfont icon-guanbi1' @click='delPaymentCode'></text>
+                  </view>
+                  <view class='picture acea-row row-center-wrapper row-column' @click='uploadPaymentCode' v-else>
+                    <text class='iconfont icon-icon25201'></text>
+                    <view>上传图片</view>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </template>
+        </view>
+        <!-- 底部按钮 -->
+        <view class="btn-group">
+          <view class='button-btn close-btn' @click="addAccountStatusChange('close')">取消</view>
+          <view class='button-btn add-btn' @click="submitAccountEdit">提交</view>
+        </view>
+      </view>
+    </uni-popup>
+    <!--提现方式选择-->
+    <uni-popup ref="accountType" type="bottom" :maskClick="false" :isMaskClick="false">
+      <view class="account-type">
+        <cash :payMode='account_type' :pay_close="true" @payClose="accountTypeStatusChange('close')" @onChangeFun="onChangeFun" :order_id="currentTab"></cash>
+      </view>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+import {mapGetters} from "vuex";
+import { configMap } from '@/utils';
+import cash from '@/components/cash';
+import { extractBank, withdrawalAccountList, withdrawalAccountEdit, withdrawalAccountDel } from '@/api/user.js';
+
+export default {
+  name: 'account_list',
+  components: {
+    cash
+  },
+  computed: {
+    ...mapGetters(['isLogin', 'uid', 'userInfo', 'viewColor']),
+    ... configMap(['sys_extension_type', 'withdraw_type'])
+  },
+  data() {
+    return {
+      // 提现账号类型
+      account_type: [],
+      pay_close: false,
+      currentTab: '0',
+      navList: [
+        {
+          'id': '0',
+          'ids': 1,
+          'name': '银行卡',
+          'icon': 'icon-yinhangqia',
+          'bg_color': '#FE960F'
+        },
+        {
+          'id': '1',
+          'ids': 2,
+          'name': '微信',
+          'icon': 'icon-weixin2',
+          'bg_color': '#41B035'
+        },
+        {
+          'id': '2',
+          'ids': 3,
+          'name': '支付宝',
+          'icon': 'icon-icon34',
+          'bg_color': '#00A9F2'
+        }
+      ],
+      // 银行卡账户类型
+      bank_type_index: '',
+      bank_type_list: [
+        { val:0,title: '个人账户' },
+        { val:1,title: '企业账户' },
+      ],
+      // 账号列表相关
+      list: {},
+      current_account: {
+        real_name: '',// 持卡人/开户名称
+        extract_type: '',// 0=银行卡,1=微信,2=支付宝,3=微信零钱
+        bank_code: '',// 银行卡
+        bank_address: '',// 开户地址
+        alipay_code: '',// 支付宝账号
+        wechat: '',// 微信号
+        extract_pic: '',// 收款码
+        bank_name: '',// 银行名称
+        bank_type: '',// 银行卡类型：0=个人账户，1=企业账户
+      },
+      bank_list: [],// 银行卡 - 个人账户 - 提现银行列表
+      bank_index: 0,
+    }
+  },
+  watch: {
+    withdraw_type: {
+      handler(){
+        let accountType = [];
+        let withdrawType = Object.assign({}, this.withdraw_type);
+        let navList = Object.assign({}, this.navList);
+        if (Object.values(withdrawType).length > 0) {
+          Object.values(navList).map((value, index) => {
+            Object.values(withdrawType).map(val => {
+              if (value.ids == val) accountType.push(value)
+            })
+          })
+        }
+        // 赋值改变内容
+        this.$set(this, 'account_type', accountType);
+        this.$set(this, 'currentTab', accountType[0] ? accountType[0].id : '');
+        this.$forceUpdate();
+      },
+      immediate: true
+    }
+  },
+  filters: {
+    extractTypeText: function(value) {
+      let typeText = {
+        0: '银行卡',
+        1: '微信',
+        2: '支付宝',
+        3: '微信零钱',
+      }
+
+      return typeText[value] || '';
+    },
+  },
+  mounted(options) {
+    this.getUserExtractBank();
+    this.getList();
+  },
+  methods: {
+    // 获取提现支持打款银行列表
+    getUserExtractBank() {
+      let _this = this;
+      extractBank().then(res => {
+        _this.$set(_this, 'bank_list', res.data || {});
+      });
+    },
+    // 获取账号列表
+    getList(){
+      let _this = this;
+      withdrawalAccountList().then(res => {
+        if (res.status == 200) {
+          _this.$set(_this, 'list', res.data || {})
+        }
+      }).catch(err => {
+        _this.$util.Tips({title: err});
+      });
+    },
+    // 账号列表显示隐藏
+    accountStatusChange(type = 'open'){
+      if(type === 'open') this.$refs.accountList.open('bottom');
+      else this.$refs.accountList.close();
+    },
+    // 添加账号显示隐藏
+    addAccountStatusChange(type = 'open'){
+      if(type === 'open') this.$refs.addAccount.open('bottom');
+      else this.$refs.addAccount.close();
+    },
+    // 提现账号类型选择 - 弹框显示隐藏
+    accountTypeStatusChange(type = 'open') {
+      if(type === 'open') this.$refs.accountType.open('bottom');
+      else this.$refs.accountType.close();
+    },
+    // 提现账号类型选择 - 类型改变
+    onChangeFun(e) {
+      this.accountTypeStatusChange('close');
+      this.$set(this, 'currentTab', e.type);
+      this.$set(this.current_account, 'extract_type', e.type);
+      this.$forceUpdate();
+    },
+    // 提现账号编辑 - 银行账户类型改变
+    bankTypeChange(e){
+      this.bank_type_index = e.detail.value || e.target.value;
+      let bankTypeInfo = this.bank_type_list[this.bank_type_index];
+
+      this.$set(this.current_account, 'bank_type', bankTypeInfo['val']);
+    },
+    // 提现账号编辑 - 提现银行改变
+    bankChange(e){
+      this.bank_index = e.detail.value || e.target.value;
+      let bankInfo = this.bank_list[this.bank_index];
+
+      this.$set(this.current_account, 'bank_name', bankInfo['name'] || '');
+    },
+    // 提现账号编辑 - 上传收款码
+    uploadPaymentCode() {
+      let _this = this;
+      _this.$util.uploadImageOne('upload/image', function(res) {
+        _this.$set(_this.current_account, 'extract_pic',  res.data.path || '');
+      });
+    },
+    // 提现账号编辑 - 删除收款码
+    delPaymentCode () {
+      _this.$set(_this.current_account, 'extract_pic', '');
+    },
+    // 提交账号编辑
+    submitAccountEdit(){
+      let _this = this;
+      let params = Object.assign({}, _this.current_account);
+      // 如果开启转账到零钱  微信修改为微信零钱
+      if(_this.sys_extension_type && Number(params.extract_type) === 1) params.extract_type = 3;
+      // 提交编辑
+      withdrawalAccountEdit(params).then(res => {
+        if (res.status == 200) {
+          _this.$util.Tips({title: '编辑成功'});
+          _this.addAccountStatusChange('close');
+          _this.current_account = Object.assign({}, _this.$options.data().current_account);
+          _this.getList();
+        }
+      }).catch(err => {
+        _this.$util.Tips({title: err});
+      });
+    },
+    // 账号 - 使用
+    useAccount(item){
+      this.accountStatusChange('close');
+      this.$emit('use', item);
+    },
+    // 账号 - 编辑
+    editAccount(oldItem){
+      let item = Object.assign({}, oldItem);
+      // 如果是微信零钱  则转为微信
+      if(Number(item.extract_type) === 3) item.extract_type = 1;
+      this.$set(this, 'currentTab', item.extract_type);
+      this.$set(this, 'current_account', item);
+      this.addAccountStatusChange();
+    },
+    // 账号 - 删除
+    delAccount(id){
+      let _this = this;
+      uni.showModal({
+        title: '提示',
+        content: '确定删除该账号吗？',
+        success: function (res) {
+          if (res.confirm) {
+            withdrawalAccountDel(id).then(res => {
+              if (res.status == 200) {
+                _this.$util.Tips({title: '删除成功'});
+                _this.getList();
+              }
+            }).catch(err => {
+              _this.$util.Tips({title: err});
+            });
+          }
+        }
+      });
+    },
+
+
+
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.page-content{
+  width: 100vw;
+  background-color: orange;
+  // 账号列表
+  .account-list{
+    --list-padding-: 25rpx;
+
+    background: #f6f6f6;
+    width: 100vw;
+    height: 100vh;
+    padding: var(--list-padding-);
+    position: relative;
+    ._list{
+      height: calc(100% - (var(--list-padding-) * 3) - 70rpx);
+      width: calc(100% - (var(--list-padding-) * 2));
+      position: fixed;
+      top: var(--list-padding-);
+      left: var(--list-padding-);
+      overflow-y: auto;
+      ._list-item{
+        width: 100%;
+        background: #FFFFFF;
+        border-radius: 15rpx;
+        padding: 20rpx;
+        .item-info{
+          width: 100%;
+          border-bottom: 2rpx solid #eeeeee;
+          padding-bottom: 20rpx;
+          .top{
+            width: 100%;
+            height: 50rpx;
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            justify-content: flex-start;
+            align-items: center;
+            font-size: 30rpx;
+            font-weight: bold;
+          }
+          .tag-list{
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            justify-content: flex-start;
+            align-items: center;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            width: 100%;
+            .tag-list-item{
+              background-color: #f3e6e8;
+              color: #926c6b;
+              height: 35rpx;
+              line-height: 35rpx;
+              font-size: 24rpx;
+              padding: 0 10rpx;
+              border-radius: 5rpx;
+              font-weight: normal;
+              margin-right: 15rpx;
+              max-width: 100%;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+          }
+        }
+        .item-btn-group{
+          padding-top: 20rpx;
+          width: 100%;
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: flex-end;
+          .item-btn{
+            height: 45rpx;
+            line-height: 45rpx;
+            margin-left: 15rpx;
+            color: #ffffff;
+            border-radius: 120rpx;
+            width: 110rpx;
+            text-align: center;
+            font-size: 28rpx;
+          }
+          .del-btn{
+            background-color: #ff4949;
+            border-color: #ff4949;
+          }
+          .edit-btn{
+            background-color: #ffba00;
+            border-color: #ffba00;
+          }
+          .use-btn{
+            background-color: #13ce66;
+            border-color: #13ce66
+          }
+        }
+      }
+      ._list-item:not(:last-child){
+        margin-bottom: var(--list-padding-);
+      }
+    }
+    .btn-group{
+      position: fixed;
+      width: calc(100% - (var(--list-padding-) * 2));
+      height: 70rpx;
+      bottom: var(--list-padding-);
+      left: var(--list-padding-);
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      align-items: center;
+      .button-btn{
+        height: 70rpx;
+        line-height: 70rpx;
+        width: calc((100% - var(--list-padding-)) / 2);
+        text-align: center;
+        font-size: 30rpx;
+        border-radius: 150rpx;
+        color: #fff;
+      }
+      .close-btn{
+        margin-right: var(--list-padding-);
+        background-color: #f56c6c;
+        border-color: #f56c6c;
+      }
+      .add-btn{
+        background-color: #13ce66;
+        border-color: #13ce66;
+      }
+    }
+  }
+  // 添加账号
+  .add-account{
+    --list-padding-: 25rpx;
+
+    background: #f6f6f6;
+    width: 100vw;
+    height: 80vh;
+    padding: var(--list-padding-);
+    position: relative;
+    ._from{
+      height: calc(100% - (var(--list-padding-) * 3) - 70rpx);
+      width: calc(100% - (var(--list-padding-) * 2));
+      position: fixed;
+      top: var(--list-padding-);
+      left: var(--list-padding-);
+      overflow-y: auto;
+
+      ._from-item{
+        width: 100%;
+        background-color: #f6f6f6;
+        display: inline-flex;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        align-items: center;
+        justify-content: space-between;
+        .item-label{
+          height: 90rpx;
+          line-height: 90rpx;
+          width: 180rpx;
+          font-size: 28rpx;
+          text-align: right;
+        }
+        .item-content{
+          width: calc(100% - 200rpx);
+          display: inline-flex;
+          flex-direction: row;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: flex-start;
+          .item-account-type{
+            width: 100%;
+            height: 90rpx;
+            display: inline-flex;
+            flex-direction: row;
+            flex-wrap: nowrap;
+            align-items: center;
+            justify-content: space-between;
+            .item-account-type-info{
+              width: calc(100% - 50rpx);
+              height: 90rpx;
+              display: inline-flex;
+              flex-direction: row;
+              flex-wrap: nowrap;
+              align-items: center;
+              justify-content: flex-start;
+              .type-icon{
+                width: 60rpx;
+                height: 60rpx;
+                text-align: center;
+                line-height: 60rpx;
+                margin-right: 20rpx;
+                border-radius: 50%;
+                .iconfont{
+                  color: #ffffff;
+                  font-size: 36rpx!important;
+                }
+              }
+              .type-name{}
+            }
+            .right-icon{
+              width: 50rpx;
+              text-align: right;
+            }
+          }
+          .picker-content{
+            width: 100%;
+          }
+          input{
+            width: 100%;
+            height: 70rpx;
+            line-height: 70rpx;
+          }
+        }
+      }
+      ._from-item:not(:last-child){
+        border-bottom: 2rpx solid #eeeeee;
+      }
+    }
+    .tips {
+      font-size: 28rpx;
+      color: #aaaaaa;
+      font-weight: 800;
+      margin-bottom: 14rpx;
+      margin-top: 20rpx;
+      text-align: center;
+    }
+    .btn-group{
+      position: fixed;
+      width: calc(100% - (var(--list-padding-) * 2));
+      height: 70rpx;
+      bottom: var(--list-padding-);
+      left: var(--list-padding-);
+      display: inline-flex;
+      flex-direction: row;
+      flex-wrap: nowrap;
+      justify-content: space-between;
+      align-items: center;
+      .button-btn{
+        height: 70rpx;
+        line-height: 70rpx;
+        width: calc((100% - var(--list-padding-)) / 2);
+        text-align: center;
+        font-size: 30rpx;
+        border-radius: 150rpx;
+        color: #fff;
+      }
+      .close-btn{
+        margin-right: var(--list-padding-);
+        background-color: #f56c6c;
+        border-color: #f56c6c;
+      }
+      .add-btn{
+        background-color: #13ce66;
+        border-color: #13ce66;
+      }
+    }
+  }
+}
+.picture {
+  width: 70px;
+  height: 70px;
+  margin: 0 0 17px 0;
+  position: relative;
+  font-size: 11px;
+  color: #bbb;
+  border: 0.5px solid #ddd;
+  box-sizing: border-box;
+  margin-top: 40rpx;
+
+  uni-image, image {
+    width: 100%;
+    height: 100%;
+    border-radius: 1px;
+  }
+
+  .icon-guanbi1 {
+    font-size: 22px;
+    position: absolute;
+    top: -10px;
+    right: -10px;
+    color: #fc4141;
+  }
+}
+
+</style>
diff --git a/pages/users/user_cash/index.vue b/pages/users/user_cash/index.vue
index 8900ef5..2c9ea45 100644
--- a/pages/users/user_cash/index.vue
+++ b/pages/users/user_cash/index.vue
@@ -1,15 +1,39 @@
 <template>
 	<view :style="viewColor">
-		<view class='cash-withdrawal' :hidden='!loading'>
+		<view class='cash-withdrawal'>
+      <!--顶部账号选择-->
 			<view class='nav acea-row  row-between-wrapper'>
 				<view class='name'>提现至</view>
 				<view class='input'>
-					<view class="more-content" @click="goPay(currentTab)">
+					<view class="more-content" @click="selectAccount()">
 						<view class="more-content-left">
-							<view class="type-icon" :style="[{backgroundColor: handlePayColor()}]">
-								<view class="iconfont bankicon" :class="navList[currentTab]['icon']"></view>
-							</view>
-							<text>{{navList[currentTab]["name"]}}</text>
+              <template v-if="use_account.extract_type == 0">
+                <view class="type-icon" :style="[{backgroundColor: '#FE960F'}]">
+                  <view class="iconfont bankicon icon-yinhangqia"></view>
+                </view>
+                <text>银行卡</text>
+              </template>
+              <template v-else-if="use_account.extract_type == 1">
+                <view class="type-icon" :style="[{backgroundColor: '#41B035'}]">
+                  <view class="iconfont bankicon icon-weixin2"></view>
+                </view>
+                <text>微信</text>
+              </template>
+              <template v-else-if="use_account.extract_type == 2">
+                <view class="type-icon" :style="[{backgroundColor: '#00A9F2'}]">
+                  <view class="iconfont bankicon icon-icon34"></view>
+                </view>
+                <text>支付宝</text>
+              </template>
+              <template v-else-if="use_account.extract_type == 3">
+                <view class="type-icon" :style="[{backgroundColor: '#41B035'}]">
+                  <view class="iconfont bankicon icon-weixin2"></view>
+                </view>
+                <text>微信零钱</text>
+              </template>
+              <template v-else="use_account.extract_type == 3">
+                <text>请选择提现账号</text>
+              </template>
 						 </view>
 						 <view class="moreicon">
 							<view class='iconfont icon-jiantou'></view>
@@ -17,94 +41,79 @@
 					</view>
 				</view>
 			</view>
-			<view class='wrapper'>
-				<!--<view :hidden='currentTab != 0' class='list'>
+      <!--账号信息 提现金额-->
+			<view class='wrapper' v-if="use_account">
+        <view class='list bank-list'>
 					<form @submit="subCash" report-submit='true'>
-						<view class='item acea-row row-between-wrapper'>
-							<view class='name'>持卡人</view>
-							<view class='input'><input placeholder='请输入持卡人姓名' placeholder-class='placeholder' name="real_name" v-model="real_name"></input></view>
-						</view>
-						<view class='item acea-row row-between-wrapper'>
-							<view class='name'>卡号</view>
-							<view class='input'><input type='number' placeholder='请填写卡号' placeholder-class='placeholder' name="bank_code" v-model="bank_code"></input></view>
-						</view>
-						<view class='item acea-row row-between-wrapper' v-if="array.length>0">
-							<view class='name'>银行</view>
-							<view class='input'>
-								<picker @change="bindPickerChange" :value="index" :range="array" range-key="name">
-									<text class='Bank'>{{array[index]["name"]}}</text>
-									<text class='iconfont icon-qiepian38'></text>
-								</picker>
-							</view>
-						</view>
-						<view class='item acea-row row-between-wrapper'>
-							<view class='name'>支行信息</view>
-							<view class='input'><input placeholder='请输入支行信息' placeholder-class='placeholder' name="bank_address" v-model="bank_address"></input></view>
-						</view>
-						<view class='item acea-row row-between-wrapper'>
-							<view class='name'>提现</view>
-							<view class='input'><input :placeholder='"最低提现金额"+minPrice' placeholder-class='placeholder' name="extract_price"
-								 type='digit' v-model="extract_price"></input></view>
-						</view>
-						<view class='tip mt25'>
-							当前可提现金额: <text class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
-						</view>
-						<view class='tip'>
-							说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
-						</view>
-						<view class="btn-submit">
-							<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''" >提现</button>
-						</view>
-					</form>
-				</view>-->
-        <view :hidden='currentTab != 0' class='list bank-list'>
-          <!--选项卡-->
-          <view class="bank-tabs">
-            <view :class="['bank-tab',{'bank-tab-active': bank_type == 0}]" @click="changeTab(0)">个人账户</view>
-            <view :class="['bank-tab',{'bank-tab-active': bank_type == 1}]" @click="changeTab(1)">企业账户</view>
-          </view>
-          <!--表单-->
-					<form @submit="subCash" report-submit='true'>
-            <template v-if="bank_type == 0">
+            <!-- 提现账号信息 -->
+            <template v-if="use_account.extract_type == 0">
               <view class='item acea-row row-between-wrapper'>
-                <view class='name'>持卡人</view>
-                <view class='input'><input placeholder='请输入持卡人姓名' placeholder-class='placeholder' name="real_name" v-model="real_name"></input></view>
+                <view class='name'>账户类型</view>
+                <view class='input'>{{ use_account.bank_type == 1 ? '企业账户' : '个人账户'}}</view>
               </view>
-              <view class='item acea-row row-between-wrapper'>
-                <view class='name'>卡号</view>
-                <view class='input'><input type='number' placeholder='请填写卡号' placeholder-class='placeholder' name="bank_code" v-model="bank_code"></input></view>
-              </view>
-              <view class='item acea-row row-between-wrapper' v-if="array.length>0">
-                <view class='name'>银行</view>
-                <view class='input'>
-                  <picker @change="bindPickerChange" :value="index" :range="array" range-key="name">
-                    <text class='Bank'>{{array[index]["name"]}}</text>
-                    <text class='iconfont icon-qiepian38'></text>
-                  </picker>
+              <template v-if="use_account.bank_type == 0">
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>持卡人</view>
+                  <view class='input'>{{ use_account.real_name }}</view>
+                </view>
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>卡号</view>
+                  <view class='input'>{{ use_account.bank_code }}</view>
+                </view>
+                <view class='item acea-row row-between-wrapper' v-if="use_account.bank_name">
+                  <view class='name'>银行</view>
+                  <view class='input'>{{ use_account.bank_name }}</view>
+                </view>
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>支行信息</view>
+                  <view class='input'>{{ use_account.bank_address }}</view>
+                </view>
+              </template>
+              <template v-if="use_account.bank_type == 1">
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>开户名称</view>
+                  <view class='input'>{{ use_account.real_name }}</view>
+                </view>
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>开户行</view>
+                  <view class='input'>{{ use_account.bank_address }}</view>
+                </view>
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>账号</view>
+                  <view class='input'>{{ use_account.bank_code }}</view>
+                </view>
+              </template>
+            </template>
+            <template v-if="use_account.extract_type == 1">
+              <view v-if="!sys_extension_type" class="">
+                <view class='item acea-row row-between-wrapper'>
+                  <view class='name'>账号</view>
+                  <view class='input'>{{ use_account.wechat }}</view>
+                </view>
+                <view class='item acea-row row-between-wrapper uploadItem'>
+                  <view class='name'>收款码</view>
+                  <view class='input upload acea-row row-middle'>
+                    <view class='picture' v-if="use_account.extract_pic">
+                      <image :src='use_account.extract_pic'></image>
+                    </view>
+                  </view>
                 </view>
               </view>
-              <view class='item acea-row row-between-wrapper'>
-                <view class='name'>支行信息</view>
-                <view class='input'><input placeholder='请输入支行信息' placeholder-class='placeholder' name="bank_address" v-model="bank_address"></input></view>
+              <view v-else class="auto_arrival">
+                <!--微信零钱-->
               </view>
             </template>
-            <template v-if="bank_type == 1">
-              <view class='item acea-row row-between-wrapper'>
-                <view class='name'>开户名称</view>
-                <view class='input'>
-                  <input placeholder='请输入开户名称' placeholder-class='placeholder' name="real_name" v-model="real_name" />
-                </view>
-              </view>
-              <view class='item acea-row row-between-wrapper'>
-                <view class='name'>开户行</view>
-                <view class='input'>
-                  <input placeholder='请输入开户行信息' placeholder-class='placeholder' name="bank_address" v-model="bank_address" />
-                </view>
-              </view>
+            <template v-if="use_account.extract_type == 2">
               <view class='item acea-row row-between-wrapper'>
                 <view class='name'>账号</view>
-                <view class='input'>
-                  <input type='number' placeholder='请填账号' placeholder-class='placeholder' name="bank_code" v-model="bank_code" />
+                <view class='input'>{{ use_account.alipay_code }}</view>
+              </view>
+              <view class='item acea-row row-between-wrapper uploadItem'>
+                <view class='name'>收款码</view>
+                <view class='input upload acea-row row-middle'>
+                  <view class='picture' v-if="use_account.extract_pic">
+                    <image :src='use_account.extract_pic'></image>
+                  </view>
                 </view>
               </view>
             </template>
@@ -112,13 +121,14 @@
             <view class='item acea-row row-between-wrapper'>
               <view class='name'>提现</view>
               <view class='input'>
-                <input :placeholder='"最低提现金额"+minPrice' placeholder-class='placeholder' name="extract_price" type='digit' v-model="extract_price" />
+                <input :placeholder='"最低提现金额"+minPrice' name="extract_price" type='digit' v-model="extract_price" :max="userInfo.brokerage_price" />
               </view>
             </view>
             <view class='tip mt25'>
-              当前可提现金额: <text class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
+              当前可提现金额:<text class="price">￥{{userInfo.brokerage_price}},</text>
+              <text v-if="Number(userInfo.lock_brokerage)">冻结佣金：￥{{userInfo.lock_brokerage}}</text>
             </view>
-            <view class='tip'>
+            <view class='tip' v-if="Number(userInfo.broken_day) > 0">
               说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
             </view>
             <view class='tip mt25' v-if="Number(withdraw_commission) > 0">
@@ -128,431 +138,151 @@
               实际到账：<text class="price">{{ (extract_price - (extract_price * withdraw_commission / 100)).toFixed(2) }}</text>；
               手续费: <text class="price">{{ (extract_price * withdraw_commission / 100).toFixed(2) }}</text>
             </view>
-
+            <!-- 提现提交按钮 -->
 						<view class="btn-submit">
 							<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''" >提现</button>
 						</view>
 					</form>
 				</view>
-				<view :hidden='currentTab != 1' class='list'>
-					<form @submit="subCash" report-submit='true'>
-						<view v-if="!sys_extension_type" class="">
-							<view class='item acea-row row-between-wrapper'>
-								<view class='name'>账号</view>
-								<view class='input'><input placeholder='请填写您的微信账号' placeholder-class='placeholder' name="wechat"></input></view>
-							</view>
-							<view class='item acea-row row-between-wrapper'>
-								<view class='name'>提现</view>
-								<view class='input'><input :placeholder='"最低提现金额"+minPrice' placeholder-class='placeholder' name="extract_price"
-									 type='digit' v-model="extract_price"></input></view>
-							</view>
-							<view class='item acea-row row-between-wrapper uploadItem'>
-								<view class='name'>收款码</view>
-								<view class='input upload acea-row row-middle'>
-									<view class='picture' v-for="(item,index) in pics" :key="index">
-										<image :src='item'></image>
-										<text class='iconfont icon-guanbi1' @click='DelPic(index)'></text>
-									</view>
-									<view class='picture acea-row row-center-wrapper row-column' @click='uploadpic' v-if="pics.length < 1">
-										<text class='iconfont icon-icon25201'></text>
-										<view>上传图片</view>
-									</view>
-								</view>
-							</view>
-
-							<view class='tip mt25'>
-								当前可提现金额: <text class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
-							</view>
-							<view class='tip'>
-								说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
-							</view>
-							<button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''" >提现</button>
-						</view>
-						<view v-else class="auto_arrival">
-							<view class='tip'>当前可提现金额: <text class="price">￥{{userInfo.brokerage_price}}</text>
-							</view>
-							<view class='input'><input placeholder-class='placeholder1' name="extract_price"
-								 type='digit' :placeholder="placeholderValue" @focus="placeholderValue = ''" v-model="extract_price"></input>
-							</view>
-              <view class='tip mt25' v-if="Number(withdraw_commission) > 0">
-                提现手续费为: <text class="price">{{ withdraw_commission.toFixed(2) }}%</text>
-              </view>
-              <view class='tip mt25' v-if="Number(extract_price) > 0">
-                实际到账：<text class="price">{{ (extract_price - (extract_price * withdraw_commission / 100)).toFixed(2) }}</text>；
-                手续费: <text class="price">{{ (extract_price * withdraw_commission / 100).toFixed(2) }}</text>
-              </view>
-							<view class="btn-submit">
-							    <button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''" >提现</button>
-							</view>
-						</view>
-					</form>
-				</view>
-				<view :hidden='currentTab != 2' class='list'>
-					<form @submit="subCash" report-submit='true'>
-						<view class='item acea-row row-between-wrapper'>
-							<view class='name'>账号</view>
-							<view class='input'><input placeholder='请填写您的支付宝账号' placeholder-class='placeholder' name="alipay_code"></input></view>
-						</view>
-						<view class='item acea-row row-between-wrapper'>
-							<view class='name'>提现</view>
-							<view class='input'><input :placeholder='"最低提现金额"+minPrice' placeholder-class='placeholder' name="extract_price"
-								 type='digit' v-model="extract_price"></input></view>
-						</view>
-						<view class='item acea-row row-between-wrapper uploadItem'>
-							<view class='name'>收款码</view>
-							<view class='input upload acea-row row-middle'>
-								<view class='picture' v-for="(item,index) in pics" :key="index">
-									<image :src='item'></image>
-									<text class='iconfont icon-guanbi1' @click='DelPic(index)'></text>
-								</view>
-								<view class='picture acea-row row-center-wrapper row-column' @click='uploadpic' v-if="pics.length < 1">
-									<text class='iconfont icon-icon25201'></text>
-									<view>上传图片</view>
-								</view>
-							</view>
-						</view>
-						<view class='tip mb25'>
-							当前可提现金额: <text class="price">￥{{userInfo.brokerage_price}},</text>冻结佣金：￥{{userInfo.lock_brokerage}}
-						</view>
-						<view class='tip' v-if="userInfo.broken_day>0">
-							说明: 每笔佣金的冻结期为{{userInfo.broken_day}}天，到期后可提现
-						</view>
-            <view class='tip mt25' v-if="Number(withdraw_commission) > 0">
-              提现手续费为: <text class="price">{{ withdraw_commission.toFixed(2) }}%</text>
-            </view>
-            <view class='tip mt25' v-if="Number(extract_price) > 0">
-              实际到账：<text class="price">{{ (extract_price - (extract_price * withdraw_commission / 100)).toFixed(2) }}</text>；
-              手续费: <text class="price">{{ (extract_price * withdraw_commission / 100).toFixed(2) }}</text>
-            </view>
-						<view class="btn-submit">
-						  <button formType="submit" :disabled="load" class='bnt b-color' :class="load ? 'disabled' : ''" >提现</button>
-						</view>
-					</form>
-				</view>
 			</view>
 		</view>
-		<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
-		<cash :payMode='pay_type' :pay_close="pay_close" @payClose="payClose" @onChangeFun="onChangeFun" :order_id="currentTab"></cash>
+		<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authClose"></authorize>
+    <!--提现账号列表-->
+    <account-list ref="accountList" @use="useAccount"></account-list>
+
+
 	</view>
 </template>
 
 <script>
-
-	import {extractCash, extractBank, spreadInfo, getBankInfo} from '@/api/user.js';
+	import {extractCash, spreadInfo } from '@/api/user.js';
 	import { mapGetters } from "vuex";
 	import authorize from '@/components/Authorize';
-	import cash from '@/components/cash';
 	import { configMap } from '@/utils';
-  import spread from "../../../libs/spread";
+  import accountList from './account_list';
+
 	export default {
 		components: {
-			cash,
-			authorize
+			authorize,
+      accountList
 		},
 		data() {
 			return {
-				navList: [{
-					    'id': '0',
-					    'ids': 1,
-						'name': '银行卡',
-						'icon': 'icon-yinhangqia',
-						'bg_color': '#FE960F'
-					},
-					{
-						'id': '1',
-						'ids': 2,
-						'name': '微信',
-						'icon': 'icon-weixin2',
-						'bg_color': '#41B035'
-					},
-					{
-						'id': '2',
-						'ids': 3,
-						'name': '支付宝',
-						'icon': 'icon-icon34',
-						'bg_color': '#00A9F2'
-					}
-				],
-				currentTab: '0',
+        use_account: {},// 使用的账号
+        userInfo: [],
+        isAuto: false, //没有授权的不会自动授权
+        isShowAuth: false, //是否隐藏授权
 				extract_price: '',
-				index: 0,
-				array: [], //提现银行
 				minPrice: 0.00, //最低提现金额
-				userInfo: [],
-				isClone: false,
-				isAuto: false, //没有授权的不会自动授权
-				isShowAuth: false, //是否隐藏授权
-				loading: true,
 				load: false,
-				pics: [], //收款码
-				extract_pic: '',
-				placeholderValue: '0.00',
-				payColor: '',
-				pay_close: false,
-				real_name: '',
-				bank_address: '',
-				bank_code: '',
-				pay_type: [],
         withdraw_commission: 0,// 手续费比例
-        // 银行卡选项卡
-        bank_type: 0,
-        historyBankInfo: {},
-
 			};
 		},
 		computed: {
 			...mapGetters(['isLogin','uid','viewColor']),
 			... configMap(['sys_extension_type', 'withdraw_type'])
 		},
-		watch: {
-			withdraw_type: {
-				handler(){
-					this.loadType()
-				},
-				immediate: true
-			}
-		},
 		onLoad(options) {
-			if (this.isLogin) {
-				this.getUserInfo();
-				this.getUserExtractBank();
-				this.getBankInfo();
-			} else {
-				this.isAuto = true;
-				this.isShowAuth = true
-			}
-
-      // 关系处理
-      if(options.spread) spread(options.spread, this.isLogin)
+      // 判断：是否登录
+      if (!this.isLogin) {
+        // 未登录  授权登录
+        this.isAuto = true;
+        this.isShowAuth = true
+      }else{
+        // 已登录  获取信息
+        this.init();
+      }
 		},
 		methods: {
-			loadType(){
-				this.pay_type = []
-				let withdrawType = this.withdraw_type
-				if (withdrawType.length > 0) {
-					this.navList.map((value, index) => {
-						withdrawType.map(val => {
-							if (value.ids == val) {
-								this.pay_type.push(value)
-							}
-						})
-					})
-				}
-				this.currentTab = this.pay_type[0].id
-			},
-			onLoadFun: function() {
-				this.isShowAuth = false;
-				this.getUserInfo();
-				// this.getUserExtractBank();
-			},
-			// 授权关闭
-			authColse: function(e) {
-				this.isShowAuth = e
-			},
-			/*获取之前提交过的银行卡信息*/
-			getBankInfo(){
-				let that = this;
-				getBankInfo().then(res => {
-          that.historyBankInfo = res.data || {};
-          that.historyBankChange();
-				});
-			},
-			getUserExtractBank: function() {
-				let that = this;
-				extractBank().then(res => {
-					let array = res.data;
-					that.$set(that, 'array', array);
-				});
-			},
-			/**
-			 * 获取个人用户信息
-			 */
-			getUserInfo: function() {
-				let that = this;
-				spreadInfo().then(res => {
-					that.userInfo = res.data;
-          that.withdraw_commission = res.data.withdraw_commission || 0;
-					that.minPrice = res.data.user_extract_min;
-				});
-			},
-			swichNav: function(current) {
-				this.currentTab = current;
-				this.load = false;
-			},
-			bindPickerChange: function(e) {
-				this.index = e.detail.value;
-			},
-			handlePayColor: function() {
-				let str = ''
-				if (this.currentTab == 1) {
-					str = '#41B035'
-				} else if (this.currentTab == 2) {
-					str = '#00A9F2'
-				} else {
-					str = '#FE960F '
-				}
-				return str
-			},
-			uploadpic: function() {
-				let that = this;
-				console.log('地方');
-				that.$util.uploadImageOne('upload/image', function(res) {
-					console.log(res);
-					that.pics.push(res.data.path);
-					that.$set(that, 'pics', that.pics);
-					that.$set(that, 'extract_pic', that.pics[0])
-				});
-			},
-			/**
-			 * 删除图片
-			 *
-			 */
-			DelPic: function(index) {
-				let that = this,
-					pic = this.pics[index];
-				that.pics.splice(index, 1);
-				that.$set(that, 'pics', that.pics);
-			},
-			subCash: function(e) {
-				let that = this,
-					value = e.detail.value;
-				if(that.load) return;
-				if (that.currentTab == 0) { //银行卡
-					if (value.real_name.length == 0) return this.$util.Tips({
-						title: '请填写持卡人姓名'
-					});
-					if (value.bank_code.length == 0) return this.$util.Tips({
-						title: '请填写卡号'
-					});
-					// if (that.index == 0) return this.$util.Tips({
-					// 	title: "请选择银行"
-					// });
-					value.extract_type = 'bank';
-					value.bank_name = (that.array && that.array.length) ? that.array[that.index].name : '';
-          value.bank_type = that.bank_type || 0;
-				} else if (that.currentTab == 1) { //微信
-					value.extract_type = 'weixin';
-					if(!this.sys_extension_type){
-						value.extract_pic = that.extract_pic
-						if (value.wechat.length == 0) return this.$util.Tips({
-							title: '请填写微信号'
-						});
-						if (value.extract_pic.length == 0) return this.$util.Tips({
-							title: '请上传收款码'
-						});
-					}
-				} else if (that.currentTab == 2) { //支付宝
-					value.extract_type = 'alipay';
-					value.extract_pic = that.extract_pic
-					if (value.alipay_code.length == 0) return this.$util.Tips({
-						title: '请填写账号'
-					});
-					if (value.extract_pic.length == 0) return this.$util.Tips({
-						title: '请上传收款码'
-					});
-				}
-				if (value.extract_price.length == 0) return this.$util.Tips({
-					title: '请填写提现金额'
-				});
-				if (Number(value.extract_price) < that.minPrice) return this.$util.Tips({
-					title: '提现金额不能低于' + that.minPrice
-				});
-				value.extract_type = this.currentTab
-				console.log(value, 'value')
-				that.load = true;
-				if(that.sys_extension_type && that.currentTab == 1)
-				value = {
-          extract_price: e.detail.value.extract_price,
-          extract_type: 3
+      // 授权回调
+      onLoadFun() {
+        if(this.isLogin){
+          this.isShowAuth = false;
+          this.init();
         }
-				extractCash(value).then(res => {
+      },
+      // 授权关闭
+      authClose(e) {
+        this.isShowAuth = e
+      },
+      // 授权成功 初始化
+      init () {
+        this.getUserInfo();
+      },
+      // 获取个人信息
+      getUserInfo() {
+        let that = this;
+        spreadInfo().then(res => {
+          that.userInfo = res.data;
+          that.withdraw_commission = res.data.withdraw_commission || 0;
+          that.minPrice = res.data.user_extract_min;
+        });
+      },
+      // 选择提现账号
+      selectAccount() {
+        this.$refs.accountList.accountStatusChange();
+      },
+      // 确认使用账号
+      useAccount(item){
+        this.$set(this, 'use_account', item);
+      },
+      // 提交申请
+			subCash(e) {
+				let that = this, value = e.detail.value, account = Object.assign({}, this.use_account);
+        // 判断：是否选择账号
+        if(Object.values(account).length <= 0){
+          that.$util.Tips({title: '请选择账号'});
+          return false;
+        }
+        // 信息合并
+        account.extract_price = value.extract_price || 0;
+				if(that.load) return;
+				if (account.extract_type == 0) {
+          //银行卡
+					if (account.real_name.length == 0) return this.$util.Tips({title: '请填写持卡人姓名'});
+					if (account.bank_code.length == 0) return this.$util.Tips({title: '请填写卡号'});
+				}
+        else if (account.extract_type == 1) {
+          //微信
+					if(!this.sys_extension_type){
+						if (account.wechat.length == 0) return this.$util.Tips({title: '请填写微信号'});
+						if (account.extract_pic.length == 0) return this.$util.Tips({title: '请上传收款码'});
+					}
+				}
+        else if (account.extract_type == 2) {
+          //支付宝
+					if (account.alipay_code.length == 0) return this.$util.Tips({title: '请填写账号'});
+					if (account.extract_pic.length == 0) return this.$util.Tips({title: '请上传收款码'});
+				}
+				if (account.extract_price.length == 0) return this.$util.Tips({title: '请填写提现金额'});
+				if (Number(account.extract_price) < that.minPrice) return this.$util.Tips({title: '提现金额不能低于' + that.minPrice});
+				that.load = true;
+				if(that.sys_extension_type && account.extract_type == 1){
+          account = {
+            extract_price: value.extract_price,
+            extract_type: 3
+          }
+        }
+        // 提交申请
+				extractCash(account).then(res => {
 					that.getUserInfo();
 					that.load = false;
-					that.$util.Tips({
-						title: res.message,
-						icon: 'success'
-					});
-					setTimeout(function(){
-						// uni.navigateBack({
-						// 	delta: 1,
-						// })
-						uni.navigateTo({
-							url: '/pages/users/user_spread_user/index'
-						});
-					},1000)
+          uni.showModal({
+            title: '提示',
+            content: res.message,
+            success: function (res) {
+              uni.navigateTo({
+                url: '/pages/users/user_spread_user/index'
+              });
+            }
+          });
 				}).catch(err => {
 					that.load = false;
-					return that.$util.Tips({
-						title: err
-					});
+					return that.$util.Tips({title: err});
 				});
 			},
-			/**
-			 * 打开支付组件
-			 *
-			 */
-			goPay: function(pay_price) {
-				this.$set(this, 'pay_close', true);
-				// this.$set(this, 'pay_order_id', );
-
-			},
-			/**
-			 * 关闭支付组件
-			 *
-			 */
-			payClose: function() {
-				this.pay_close = false;
-			},
-			onChangeFun: function(e) {
-				let opt = e;
-				let action = opt.action || null;
-				let value = opt.value != undefined ? opt.value : null;
-				(action && this[action]) && this[action](value);
-				this.currentTab = opt.type
-			},
-      // 选项卡切换
-      changeTab(tabIndex){
-        this.bank_type = tabIndex || 0;
-        this.historyBankChange();
-      },
-      // 历史银行卡记录
-      historyBankChange(){
-        let info = this.historyBankInfo[this.bank_type] || {};
-        this.real_name = info.real_name || '';
-        this.bank_name = info.bank_name || '';
-        this.bank_code = info.bank_code || '';
-        this.bank_address = info.bank_address || '';
-      }
-
-
 
 		},
-    // #ifdef MP
-    // 分享给好友
-    onShareAppMessage () {
-      let pages = getCurrentPages();
-      let page = pages[pages.length - 1]
-      let shareData = {
-        title: '提现',
-        path: page.$page.fullPath || '/' + page.route,
-      };
-      // 判断：用户是否登录  已经登录则添加分享人信息，未登录则正常分享
-      if (this.isLogin) shareData.path = shareData.path + '?spread=' + this.uid;
-      // 返回最终的分享配置信息
-      return shareData
-    },
-    // 分享到朋友圈
-    onShareTimeline() {
-      let shareData = {
-        title: '提现',
-        query: {},
-      };
-      // 判断：用户是否登录  已经登录则添加分享人信息，未登录则正常分享
-      if (this.isLogin) shareData.query.spread = this.uid;
-      // 返回最终的分享配置信息
-      return shareData
-    },
-    // #endif
 	}
 </script>
 
@@ -596,9 +326,6 @@
 
 
 }
-
-
-
 page {
   background-color: #F5F5F5 !important;
 }