@extends('layouts.base')
@section('title', trans('小程序清除粉丝'))
@section('content')

<style>
  .all {
    background: #eff3f6;
    padding-top:20px ;
  }
  .ac {
    min-height: 100vh;
    background-color: #fff;
    padding: 20px 0 0 20px;
    border-radius: 10px;
  }
  .vue-main-title {
    display: flex;
    margin: 5px 0;
    line-height: 28px;
    font-size: 14px;
    color: #333;
    font-weight: 700;
  }
  .vue-main-title-left {
    width: 4px;
    height: 14px;
    margin-top: 6px;
    background: #29ba9c;
    display: inline-block;
    margin-right: 10px;
  }
  .vue-main-title-content {
    font-size: 14px;
    flex: 1;
  }
  .el-dialog {
    border-radius:10px;
  }
  .el-dialog__footer {
    padding: 10px 195px 24px;
  }
</style>

<div class="all">
  <div id="app" class="ac">
    <div class="vue-main-title">
        <div class="vue-main-title-left"></div>
        <div class="vue-main-title-content">清除小程序粉丝</div>
    </div>
    <div style="margin:50px 0 0 150px;">
      <el-button type="danger" @click="openDialog">清除小程序粉丝</el-button>
      <div style="margin-top:10px;color:#888;">若平台变更了对接的小程序,点击可清除之前的小程序残留的会员数据,注:仅清除残留数据，非删除会员。</div>
    </div>
    <el-dialog
      :visible.sync="dialogVisible"
      width="30%"
      :close="handleClose"
      >
      <span style="font-weight: 700;">创建者密码</span>
      <el-input style="margin-top:10px;" v-model.trim="pwd" placeholder="请输入创建者密码"></el-input>
      <div style="margin:20px 0 0 20px; color:red">[[err]]</div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" @click="clear">确认清除</el-button>
        <el-button @click="dialogVisible = false">  取 消  </el-button>
      </span>
    </el-dialog>
  </div>
</div>

<script>
  var vm = new Vue({
    el:'#app',
    delimiters: ['[[', ']]'],
    data() {
      return {
        dialogVisible:false,
        pwd:'',
        err:'',
      }
    },
    methods:{
      openDialog(){
        this.dialogVisible = true;
      },
      handleClose(){
        this.dialogVisible = false;
      },
      async clear(){
       let res = await this.$http.post("{!! yzWebFullUrl('plugin.min-app.Backend.Controllers.clear-min-app.clear-fans') !!}",{password:this.pwd})
       if(res.body.result == 0){
         this.err = res.body.msg;
       }
       if(res.body.result == 1){
         this.err = '';
        this.$message.success(res.body.msg);
        this.dialogVisible = false;
       }
      }
    }
  })
</script>
@endsection