<template>
    <a-modal
      :title="title"
      :maskClosable="true"
      :width="width"
      placement="right"
      :closable="false"
      @ok="handleOk"
      :visible="visible"
      >
      <template slot="title">
        <div class="modalTitle">
          <div class="modalColor"></div>
          <div>{{title}}</div>
        </div>
      </template>
      <div>账号:{{ username }}</div>
      <div>{{pwdTitle}}:{{ currentPwd }}</div>
      <template slot="footer">
          <a-button type="primary" @click="handleOk">确定</a-button>
      </template>
    </a-modal>
</template>
  
  <script>
  
    export default {
      components: {
      },
      data () {
        return {
            title:"",
            width:800,
            visible:false,
            username:"",
            currentPwd:"",
            pwdTitle:"",
        }
      },
      created () {
        
      },
      computed:{
      },
      methods: {
        handleOk(){
            this.visible = false;
        }
      }
    }
  </script>
  
  <style scoped>
    @import '~@assets/less/modal.less';
  </style>
  