|
|
@@ -3,62 +3,62 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import QRCode from 'qrcodejs2' // 引入qrcode
|
|
|
- export default {
|
|
|
- name: "qrcode",
|
|
|
- props: {
|
|
|
- field: Object,
|
|
|
- formData: {
|
|
|
- type: Object,
|
|
|
- default () {
|
|
|
- return {}
|
|
|
- }
|
|
|
-
|
|
|
- },
|
|
|
- readonly: {
|
|
|
- type: Boolean,
|
|
|
- default: false,
|
|
|
- }
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- flag: false, //标记二维码是否已经生成
|
|
|
+import QRCode from 'qrcodejs2' // 引入qrcode
|
|
|
+export default {
|
|
|
+ name: "qrcode",
|
|
|
+ props: {
|
|
|
+ field: Object,
|
|
|
+ formData: {
|
|
|
+ type: Object,
|
|
|
+ default() {
|
|
|
+ return {}
|
|
|
}
|
|
|
+
|
|
|
},
|
|
|
- watch: {
|
|
|
- formData(val) {
|
|
|
- if (val.zongWaiJian != '') {
|
|
|
- if (!this.flag) {
|
|
|
- this.qrcode(val.zongWaiJian)
|
|
|
- this.flag = true;
|
|
|
- }
|
|
|
+ readonly: {
|
|
|
+ type: Boolean,
|
|
|
+ default: false,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ flag: false, //标记二维码是否已经生成
|
|
|
+ }
|
|
|
+ },
|
|
|
+ watch: {
|
|
|
+ formData(val) {
|
|
|
+ if (val.zongWaiJian != '') {
|
|
|
+ if (!this.flag) {
|
|
|
+ this.qrcode(val.zongWaiJian)
|
|
|
+ this.flag = true;
|
|
|
}
|
|
|
}
|
|
|
- },
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
- methods: {
|
|
|
+ methods: {
|
|
|
|
|
|
- qrcode(zongWaiJian) {
|
|
|
- console.log('执行生成二维码');
|
|
|
- let qrcode = new QRCode('qrcode', {
|
|
|
- width: 132,
|
|
|
- height: 132,
|
|
|
- text:`https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0aecf99696061a3&redirect_uri=https%3A%2F%2Fwww.mingjianlims.com%2F%23%2Fziliao&response_type=code&scope=snsapi_base&state=${zongWaiJian}#wechat_redirect`,
|
|
|
- colorDark: "#000000", //前景色
|
|
|
- colorLight: "#FFFFFF", //背景色
|
|
|
- correctLevel: QRCode.CorrectLevel.L,
|
|
|
+ qrcode(zongWaiJian) {
|
|
|
+ console.log('执行生成二维码');
|
|
|
+ let qrcode = new QRCode('qrcode', {
|
|
|
+ width: 132,
|
|
|
+ height: 132,
|
|
|
+ text: `https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxea2c214ca5d25739&redirect_uri=https%3A%2F%2Fwww.mingjianlims.com%2F%23%2Fziliao&response_type=code&scope=snsapi_base&state=${zongWaiJian}#wechat_redirect`,
|
|
|
+ colorDark: "#000000", //前景色
|
|
|
+ colorLight: "#FFFFFF", //背景色
|
|
|
+ correctLevel: QRCode.CorrectLevel.L,
|
|
|
|
|
|
|
|
|
- })
|
|
|
- },
|
|
|
+ })
|
|
|
},
|
|
|
+ },
|
|
|
|
|
|
- }
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
- #qrcode {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- }
|
|
|
+#qrcode {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+}
|
|
|
</style>
|