| | |
| | | <div> |
| | | <div id="printMe"> |
| | | <div ref="canvasWrapper" id="canvasWrapper"></div> |
| | | <p>1111</p> |
| | | <p>P9900166410#T2342325325235235#V993983#SSW002.005#HHW001.001#NMCU#</p> |
| | | </div> |
| | | <VueQr :size='80' :margin='0' :text='this.text'></VueQr> |
| | | <el-button @click="print">打印</el-button> |
| | | <el-button @click="test1">生成二维码</el-button> |
| | | </div> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import VueQr from "vue-qr"; |
| | | import QRCode from 'qrcodejs2' |
| | | import { listWorkshop, getWorkshop, delWorkshop, addWorkshop, updateWorkshop } from "@/api/main/bs/workshop/workshop"; |
| | | |
| | | export default { |
| | | components: { |
| | | VueQr |
| | | }, |
| | | name: "Workshop", |
| | | dicts: ['sys_normal_disable'], |
| | | data() { |
| | | return { |
| | | text: '1234', |
| | | text: 'P9900166410#T2342325325235235\n#V993983#SSW002.005#HHW001.001#NMCU#', |
| | | select: '', |
| | | // 遮罩层 |
| | | loading: true, |
| | |
| | | document.getElementById('canvasWrapper').innerHTML = ''; |
| | | this.$nextTick(() => { |
| | | let qrCode = new QRCode('canvasWrapper',{ |
| | | width: 50, |
| | | height: 50, |
| | | width: 83, |
| | | height: 83, |
| | | text: this.text, |
| | | colorDark: '#000', |
| | | colorLight: '#fff' |