二维码显示问题修改

src/views/major/detail.vue

@@ -1014,9 +1014,10 @@
                       </el-col>
                       <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item prop="validateCode" label-width="140px" class="postInfo-container-item" label="打印二维码：">
-                        <a @mouseenter="showQrCode(props.row.qrCode)">出入库二维码</a> <a @mouseenter="showQrCode(props.row.validateCode)" style="margin-left: 5px">验证二维码</a>
+                        <a @mouseenter="showQR=true">出入库二维码</a> <a @mouseenter="showQR=false" style="margin-left: 5px">验证二维码</a>
                         <div class="qr-code-div">
-                          <img id="validateCode" class="qr-code" :src="qrCodeUrl" alt="没有产品" @click="printQR()"/>
+                          <img v-show="showQR" class="qr-code" :src="props.row.qrCode" alt="出入库二维码" @click="printQR(props.row.qrCode)"/>
+                          <img v-show="!showQR" class="qr-code" :src="props.row.validateCode" alt="验证二维码" @click="printQR(props.row.validateCode)"/>
                         </div>
                       </el-form-item>
                     </el-col>
@@ -2613,7 +2614,7 @@
           description:null
         },
         productionFinance: [],
-        qrCodeUrl:null
+        showQR:true
       }
     },
     created() {
@@ -3299,8 +3300,7 @@
           }
         })
       },
-      printQR(){
-        let path = this.qrCodeUrl;
+      printQR(path){
         if (path){
           let routeUrl = this.$router.resolve({
             path: `/print/code?path=${path}`
@@ -3308,9 +3308,7 @@
           window.open(routeUrl.href, '_blank');
         }
       },
-      showQrCode(url){
-        this.qrCodeUrl = url;
-      } ,
+    
       handleAttachmentPreview(file) {
       // window.open(file.url)
         this.officeFileView(file.name, file.url);

src/views/major/todoDetail.vue

@@ -744,9 +744,10 @@
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item prop="validateCode" label-width="140px" class="postInfo-container-item"
                         label="打印二维码：">
-                        <a @mouseenter="showQrCode(props.row.qrCode)">出入库二维码</a> <a @mouseenter="showQrCode(props.row.validateCode)" style="margin-left: 5px">验证二维码</a>
+                        <a @mouseenter="showQR=true">出入库二维码</a> <a @mouseenter="showQR=false" style="margin-left: 5px">验证二维码</a>
                         <div class="qr-code-div">
-                          <img id="validateCode" class="qr-code" :src="qrCodeUrl" alt="没有产品" @click="printQR()"/>
+                          <img v-show="showQR" class="qr-code" :src="props.row.qrCode" alt="出入库二维码" @click="printQR(props.row.qrCode)"/>
+                          <img v-show="!showQR" class="qr-code" :src="props.row.validateCode" alt="验证二维码" @click="printQR(props.row.validateCode)"/>
                         </div>
                       </el-form-item>
                     </el-col>
@@ -1917,7 +1918,7 @@ export default {
       secondCheckUserId: null,
       secondCheckUsers: [],
       productionFinance: [],
-      qrCodeUrl:null
+      showQR:true
     }
   },
   created() {
@@ -3477,13 +3478,12 @@ export default {
       })
     },
     printQR() {
-      let path = this.qrCodeUrl;
-      if (path) {
-        let routeUrl = this.$router.resolve({
-          path: `/print/code?path=${path}`
-        });
-        window.open(routeUrl.href, '_blank');
-      }
+      if (path){
+          let routeUrl = this.$router.resolve({
+            path: `/print/code?path=${path}`
+          });
+          window.open(routeUrl.href, '_blank');
+        }
     },
     // 文档预览
     officeFileView(name, url) {

src/views/personal/readonlyDetail.vue

@@ -357,9 +357,10 @@
             </el-col>
             <el-col :xs="12" :sm="12" :lg="6" :span="6">
               <el-form-item label="打印二维码：" prop="validateCode" label-width="140px" class="postInfo-container-item">
-                <a @mouseenter="showQrCode(target.qrCode)">出入库二维码</a> <a @mouseenter="showQrCode(target.validateCode)" style="margin-left: 5px">验证二维码</a>
+                <a @mouseenter="showQR=true">出入库二维码</a> <a @mouseenter="showQR=false" style="margin-left: 5px">验证二维码</a>
                 <div class="qr-code-div">
-                  <img id="validateCode" class="qr-code" :src="qrCodeUrl" alt="未定价" @click="printQR()"/>
+                  <img v-show="showQR" class="qr-code" :src="target.qrCode" alt="出入库二维码" @click="printQR(target.qrCode)"/>
+                  <img v-show="!showQR" class="qr-code" :src="target.validateCode" alt="验证二维码" @click="printQR(target.validateCode)"/>
                 </div>
               </el-form-item>
             </el-col>
@@ -945,9 +946,7 @@ export default {
         if (newVal.id) {
           this.getProductions();
         }
-        if (newVal.qrCode){
-          this.qrCodeUrl = newVal.qrCode;
-        }
+       
       },
       deep: true
     },
@@ -1256,7 +1255,8 @@ export default {
       houseShow:false,
       immovalbeShow:false,
       landShow:false,
-      qrCodeUrl:null
+      qrCodeUrl:null,
+      showQR:true
 
     }
   },
@@ -1475,17 +1475,14 @@ export default {
         }
       })
     },
-    printQR(){
-      const path = this.qrCodeUrl;
+    printQR(path){
       let routeUrl = this.$router.resolve({
           path: `/print/code?path=${path}`
       });
       window.open(routeUrl.href, '_blank');
   
     },
-    showQrCode(url){
-      this.qrCodeUrl = url;
-    },
+
     handleAttachmentPreview(file) {
       // window.open(file.url)
       this.officeFileView(file.name, file.url);

src/views/personal/todoDetail.vue

@@ -387,9 +387,10 @@
             </el-col>
             <el-col :xs="12" :sm="12" :lg="6" :span="6">
               <el-form-item label="打印二维码：" prop="validateCode" label-width="140px" class="postInfo-container-item">
-                <a @mouseenter="showQrCode(target.qrCode)">出入库二维码</a> <a @mouseenter="showQrCode(target.validateCode)" style="margin-left: 5px">验证二维码</a>
+                <a @mouseenter="showQR=true">出入库二维码</a> <a @mouseenter="showQR=false" style="margin-left: 5px">验证二维码</a>
                 <div class="qr-code-div">
-                  <img id="validateCode" class="qr-code" :src="qrCodeUrl" alt="未定价" @click="printQR()"/>
+                  <img v-show="showQR" class="qr-code" :src="target.qrCode" alt="出入库二维码" @click="printQR(target.qrCode)"/>
+                  <img v-show="!showQR" class="qr-code" :src="target.validateCode" alt="验证二维码" @click="printQR(target.validateCode)"/>
                 </div>
               </el-form-item>
             </el-col>
@@ -1131,9 +1132,7 @@ export default {
         if (newVal.isOnline) {
           this.jumpTabs();
         }
-        if (newVal.qrCode){
-          this.qrCodeUrl = newVal.qrCode;
-        }
+       
       },
       deep: true
     },
@@ -1527,7 +1526,7 @@ export default {
       immovalbeShow: false,
       landShow: false,
       changeCredentials: [],
-      qrCodeUrl:null
+      showQR:true
 
     }
   },
@@ -2462,8 +2461,7 @@ export default {
         });
       }
     },
-    printQR() {
-      const path = this.qrCodeUrl;
+    printQR(path) {
       if (!path) {
         this.$message("二维码还未生成，无法打印。")
         return;
@@ -2474,9 +2472,7 @@ export default {
       window.open(routeUrl.href, '_blank');
 
     },
-    showQrCode(url){
-      this.qrCodeUrl = url;
-    },
+
     defalutYearMonth(){
       const currentDate = new Date();
       const currentYear = currentDate.getFullYear();