<template>
  <div>
<!--    <el-dropdown-item   @click.native="onClick"   size="mini" plain>{{row.wqpxxfqptm || '-'}}</el-dropdown-item>-->
    <el-link type="primary" @click.native="onClick">{{row.wqpxxfqptm || '-'}}</el-link>
    <el-dialog title='气瓶二维码' :visible.sync='ewmVisible' width='300px' style="z-index: 9999;">
      <div>
        <canvas ref='eipqrcode' class='qr-canvas'></canvas>
      </div>
      <div style='text-align: center;'>{{ row.wqpxxfqptm }}</div>
    </el-dialog>
  </div>
</template>
<script>
import QRCode from 'qrcode'
export default {
  props: {
    row: { type: Object },
    column: { type: Object },
    index: { type: String },
    desc: { type: String }
  },
  data: () => ({
    ewmVisible: false
  }),

  methods: {
    onClick(){
      console.log('row',this.row);
      console.log('column',this.column);
      console.log('index',this.index);
      console.log('desc',this.desc);
      this.ewmVisible = true
      setTimeout(() => {
        QRCode.toCanvas(this.$refs.eipqrcode, this.row.wqpxxfdsfurl)
      }, 200)

    }
  }
}
</script>

<style scoped lang='scss'>

</style>
