<template>
  <v-page style="background: none;background-color: #121212;">
    <v-header :title="`${form.id?$t('assets.d6'):$t('assets.d7')}${$t('assets.d8')}`"></v-header>
    <view class="layout-main">
      <view class="coin p-md d-flex justify-between bg-panel-3 m-md rounded box-shadow" @click="coinListShow=true">
        <view class="fn-lg color-light">{{form.coin_name}}</view>
        <view>
          <van-icon name="arrow" />
        </view>
      </view>
      <view class="bg-panel-4 m-y-md rounded">
        <view class="form-item border-b p-md">
          <view class="label m-b-xs color-light">{{$t('assets.d8')}}</view>
          <view class="input color-light fn-13">
            <v-input v-model="form.address" :placeholder="$t('assets.d9')"></v-input>
          </view>
        </view>
        <view class="form-item border-b p-md">
          <view class="label m-b-xs color-light">{{$t('assets.e0')}}</view>
          <view class="input color-light">
            <v-input v-model="form.address_note" :placeholder="$t('assets.e3')"></v-input>
          </view>
        </view>
      </view>
    </view>
    <view class="p-md">
      <v-button class="w-max rounded-lg" block type="white" ref="btn" @click="submit">{{$t('common.confirm')}}</v-button>
    </view>
    <coin-list
      ref="coinList"
      v-model="form.coin_name"
      @close="coinListShow=false"
      v-show="coinListShow"
    />
  </v-page>
</template>
<script>
import coinList from "./coin-list";
import Wallet from "@/api/wallet";
export default {
  components: {
    coinList,
  },
  data() {
    return {
      coinListShow: false,
      form: {
        address: "",
        address_note: "",
        coin_name: "",
        id: "",
      },
    };
  },
  computed:{
  },
  methods: {
    submit() {
      if (!this.form.address) {
        this.$toast(this.$t('assets.e2'));
        return;
      }
      if (!this.form.address_note) {
        this.$toast(this.$t('assets.e1'));
        return;
      }
      let por;
      if (this.form.id) {
        //编辑
        por = Wallet.withdrawalAddressModify(this.form, {
          btn: this.$refs.btn,
        });
      } else {
        //添加
        por = Wallet.addWithdrawAddress(this.form, { btn: this.$refs.btn });
      }
      por.then(() => {
        this.$back();
        this.$toast.success(this.$t('assets.e4'));
      });
    },
    // 删除地址
    
  },
  onLoad(query) {
    if (query.coin_name) {
      this.form.coin_name = query.coin_name;
      this.form.address = query.address;
      this.form.address_note = query.address_note;
      this.form.id = query.id;
    }
  },
};
</script>
<style scoped>
	.bg-panel-3{
		background-color: #242424;
	}
	.bg-panel-4{
		background-color: #121212;
	}
</style>