<template>
  <div>
    <div class="pack-box">
      <div style="text-align:center;  margin:auto; margin-top: 35px;">
        <qrcode-vue v-loading="loading" :value="url" :size="400" />
      </div>
    </div>
    <div class="draft">
      <el-button-group>
        <el-button @click="turnback">{{ $t('orderAuthor.back') }}</el-button>
      </el-button-group>
    </div>
  </div>
</template>

<script>

import QrcodeVue from 'qrcode.vue';

export default {
    name: 'QCode',
    components: {
        QrcodeVue
    },
    data() {
        return {
            loading: false,
            url: ''
        };
    },
    mounted() {

    },
    methods: {
        qrCodeShow(data) { // 生成二维码
            this.url = data.url;
        },
        turnback() {
            this.$router.go(-1);
        }
    }
};
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
	.pack-rule {
        width: 800px;
        margin: 0 auto;
        margin-top: 12px;
        padding: 40px;
	}
	.draft {
        width: 400px;
        text-align: center;
        margin: 20px auto;
    }
</style>
