代码如下,不知道是啥问题,有人碰到过同样的问题吗
<template>
<el-dialog :close-on-click-modal="false" :visible.sync="dialogVisible" width="1080px">
<div class="modal-box">
<div class="label-border" id="printLabel">
<template v-for="(data,k) in list">
<div :key="k">
<div class="header-title">
<div class="logo">
<img src="@/assets/icons/1.png" alt="" />
</div>
<h2 class="title">中华人民共和国海关出口货物报关单</h2>
<div class="qrode-box">
<div class="vueBarcode">
<div>
<VueBarcode
v-if="data.entryId"
:value="'*' + data.entryId + '*'"
:options="{
widht: 400,
height: 30,
displayValue: false,
background: 'rgba(255,255,255,.0)',
textMargin: 5,
text: '★' + data.entryId + '★',
fontOptions: 'bold'
}">
获取失败
</VueBarcode>
</div>
<span>{{'★' + data.entryId + '★'}}</span>
</div>
<div style="margin-left: 20px;">
<qrcode-vue
:value="'*' + data.entryId + '*'"
:size="70"
></qrcode-vue>
</div>
</div>
</div>
<p style="page-break-after:always;"></p>
</div>
</template>
</div>
</div>
<p slot="title" class="dialog-footer">
<el-button type="text" @click="close">取消</el-button>
<el-button type="primary" v-print="'#printLabel'">打印</el-button>
</p>
</el-dialog>
</template>
<script>
import QrcodeVue from "qrcode.vue"; //条形码生成插件
import VueBarcode from "@xkeshi/vue-barcode"; //二维码生成插件
import { getGoods } from "@/api/dec/dec";
import { getContainer } from "@/api/dec/dec";
import { getLicense } from "@/api/dec/dec";
export default {
data() {
return {
data: {},
list: [],
dialogVisible: false,
queryParams: {
cusCiqNo: this.cusCiqNo,
},
containerList: [],
goodsList: [],
licenseList: []
};
},
components: {
VueBarcode,
QrcodeVue
},
methods: {
show(obj) {
this.list = obj;
Promise.all(
this.list.map((v,i,a)=>{ return this.getList(v); })
).then((res)=>{
this.loading = false;
})
this.dialogVisible = true;
},
close() {
this.dialogVisible = false;
},
sortChange(e){//触发排序事件e
let order = {
"ascending":"asc",
"descending":"desc"
}[e.order]
if(e.order){
this.queryParams.orderByColumn = e.prop + ' ' + order;
this.getList();
}else{
this.queryParams.orderByColumn = '';
this.getList();
}
},
getList(obj) {
this.loading = true;
let queryParams = {}
queryParams.cusCiqNo = obj.cusCiqNo;
return Promise.all([
getLicense(queryParams).then(res => {
obj.licenseList = res.rows;
}),
getGoods(queryParams).then(res => {
obj.goodsList = res.rows;
}),
getContainer(queryParams).then(res => {
obj.containerList = res.rows;
}),
])
}
}
};
没看到data在哪赋的值