<template>
  <el-dialog
      @open="open"
      title="绑定分发平台账号"
      :visible.sync="dialogVisible"
      width="40%"
      :before-close="handleClose">
    <el-form style="display: flex;justify-content: center;align-items: center">
      <el-form-item label="分发账号名称" label-width="100px">
        <el-select  v-model="form.index" placeholder="选择绑定的分发账号">
          <!--||!RomoteData.includes(item.id -->
          <el-option :disabled="!item.status||RomoteData.includes(item.id.toString())"  v-for="(item,index) in BindData" :key="item.id" :label="item.account_name" :value="index"></el-option>
        </el-select>
        <p v-if="this.account!=''">你已经绑定账号{{account}}</p>
        <p v-else>当前账号没有绑定任何账号</p>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialog">确 定</el-button>
  </span>
  </el-dialog>
</template>
<script>
import {getAction, putAction} from "@/api";

export default {
    data(){
      return{
          account_id: '',
          BindData: [],
          RomoteData:[],
          dialogVisible: false,
          ff_account_index: '',
          form:{},
        remote:0,
        account:'',
    }
  },
  methods:{
    /*绑定id逻辑分析*/
    handleClose() {
    },
    show(record){
      this.account=''
      this.dialogVisible = true


      getAction("/account/"+record.id).then(res=>{
        console.log(res)
        this.remote=res.data.remote_account_id
        console.log(this.remote)
      })
      getAction("/account/ff_account_list",{content_type:record.content_type}).then(res => {
        this.account_id = record.id
        console.log(this.account_id)
        this.BindData = res.data.data
        console.log(this.BindData)


        this.BindData.map((value,index)=>{
          if(value.id==this.remote){
            this.account=value.account_name
            console.log(value.account_name)
          }
         /* if(value.id)*/

         /* console.log(index)*/
        })
        console.log(this.RomoteData)
        this.RomoteData=res.data.remoteAccountIds
      })
    },
    open(){
    },
    dialog() {
      /*传给当前的account_id进行接收*/
      putAction("/account/" + this.account_id + "/bind_ff_account_id", {
        remote_account_id: this.BindData[this.form.index].id,
        pavg: this.BindData[this.form.index].avatar_url,
        plugin_key: this.BindData[this.form.index].plugin_key,
        plugin_name: this.BindData[this.form.index].plugin_name,
        plugin_icon_url: this.BindData[this.form.index].plugin_icon_url,
        brand_id: this.BindData[this.form.index].brand_id
      }).then(res=>{
        this.$message.success("绑定成功")
      }).catch(error=>{
        this.$message.success("未绑定")
      })
      this.dialogVisible = false
    },
  }
}
</script>
<style>

</style>