zq

src/views/base/companyInfo-list.vue

@@ -104,11 +104,11 @@
                 @show="openQRCode(row)"
                 @hide="closeQRCode(row)"
               >
-                <div :id="row.id" ref="qrCodeDiv"></div>
+                <div :ref="'qrcode_' + row.id" style="width:300px;height:300px;"></div>
                 <el-link type="primary" :underline="false" slot="reference">健康公示二维码</el-link>
               </el-popover>
+              -
               <span v-if="row.type != null && row.type != ''">
-                -
                 <el-link type="primary" :underline="false" @click="openDP(row)">大屏网址</el-link>
               </span>
             </el-col>
@@ -216,7 +216,7 @@ export default {
       showModal: false,
       modalTitle: "",
       businessKey: "",
-      tableHeight: "",
+      tableHeight: 300,
       showDeviceModal: false,
       companyId: "",
       qrCode: "",
@@ -421,13 +421,17 @@ export default {
       this.showDeviceModal = true;
     },
     openQRCode(record) {
-      document.getElementById(record.id).innerHTML = "";
+
+      //el.innerHTML = "";
       var self = this;
       var qrtext =
         process.env.VUE_APP_COMPANY_HEALTH_WECHAT_URL +
         "?companyId=" +
         record.id;
-      var qr = new QRCode(record.id, {
+
+      var el = self.$refs["qrcode_" + record.id];
+
+      var qr = new QRCode(el, {
         text: qrtext,
         width: 300,
         height: 300,
@@ -437,7 +441,7 @@ export default {
       });
     },
     closeQRCode(record) {
-      document.getElementById(record.id).innerHTML = "";
+      self.$refs["qrcode_" + record.id].innerHTML = "";
     },
     openDP(record) {
       var companyId = record.id;