{extend name="app/shop/view/base.html"/}
{block name="resources"}
<link rel="stylesheet" href="__STATIC__/element-ui/index.css">
<script src="STATIC_JS/vue.js"></script>
<script src="__STATIC__/element-ui/index.js"></script>
<style>
  .shortWidth{
    width: 300px;
  }
</style>
{/block}

{block name="main"}
<div id="vueContent">
  <el-form ref="form" :model="set" label-width="200px">
    <el-form-item label="转账方式：">
      <el-checkbox-group v-model="set.account_type">
        <el-checkbox label="card">银行卡</el-checkbox>
        <el-checkbox label="wechat">微信零钱</el-checkbox>
        <el-checkbox label="alipay">支付宝</el-checkbox>
        <!--<el-checkbox label="balance">余额</el-checkbox>-->
        <el-checkbox label="threeStaff">第三方打款（灵活用工）</el-checkbox>
      </el-checkbox-group>
    </el-form-item>
    <el-form-item label="收益提现手续费">
      <el-input placeholder="请输入手续费比例" v-model.number="set.commission_handling_fees" type="number" step="0.01" :min="0" :max="100" class="shortWidth">
        <template slot="append">%</template>
      </el-input>
    </el-form-item>
    <!--提交按钮-->
    <el-form-item>
      <el-button type="primary" size="small" @click="submitSet">提交</el-button>
    </el-form-item>
  </el-form>
</div>
{/block}

{block name="script"}

<script>
  new Vue({
    el:'#vueContent',
    data(){
      return {
        set: JSON.parse('{$set|raw}'),
      };
    },
    mounted(){},
    methods: {
      // 提交修改
      submitSet(){
        let _this = this;
        $.ajax({
          url: ns.url("shop/account/set"),
          data: { set: _this.set },
          dataType: 'JSON',
          type: 'POST',
          success: function(res) {
            layer.msg(res.message);
          }
        });
      }

    }
  });
</script>
{/block}