标签渲染

src/views/distribution/inventory/distributionStockArticleDetails.vue

@@ -259,10 +259,10 @@
       <el-dialog
         title="二维码"
         :visible.sync="dialogVisible"
-        width="30%"
+        width="640px"
         v-model="dialogVisible">
         <div >
-          <div>
+          <div v-html="html">
 
           </div>
 
@@ -562,7 +562,7 @@ export default {
           hide: true,
         },
       ],
-      html:null // 页面包条码内容
+      html:'' // 页面包条码内容
     }
   },
   mounted () {
@@ -1172,24 +1172,31 @@ export default {
       // this.view = true;
       // this.box = true;
       this.materialQRCode = row;
- 
+
       let qr ={
         id : row.id,
         qrCode: row.orderPackageCode
       }
       showOrderPackgeCode(qr).then(res => {
+          this.html='';
+          console.log(res.data);
+        this.orderPackageCode = res.data;
+        let strhtml=JSON.parse(JSON.stringify( this.orderPackageCode.data.templateHtml))
+          this.orderPackageCode .data.dataList.map(item=>{
 
-        this.orderPackageCode = res.data
-        
-        this.arrs.map(item=>{
-			  let strhtml=JSON.parse(JSON.stringify(this.htmls))
+			  // let strhtml=JSON.parse(JSON.stringify( this.orderPackageCode.data.templateHtml))
 			  for(let key in item){
-				  strhtml=strhtml.replace(`{{${key}}}`,item[key])
+                  // if(!item.hasOwnProperty(key)){
+                  //     item[key]=" ";
+                  // }
+                  let str="${"+key+"}";
+			      // console.log(item[key]);
+				  strhtml=strhtml.replace(str,item[key])
 			  }
-			  console.log(strhtml);
-			  this.html+=strhtml
+			   console.log(strhtml);
+			  this.html+=strhtml;
 		})
-        
+
       });
 
       this.dialogVisible = true;