91 lines
1.6 KiB
Vue
91 lines
1.6 KiB
Vue
<template>
|
|
<div class="">
|
|
|
|
<div v-for="(item,index) in dataList" :key="index">
|
|
<ImagePreview height="80px" v-for="(pic,index2) in (item.fileUrl||'').split(',')" :key="index2" :src="pic" ></ImagePreview>
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { queryListByBillCode } from "@/api/emis/emisWaybillAttachment";
|
|
|
|
export default {
|
|
name: "BillPicList",
|
|
props:{
|
|
billCode:{
|
|
type: String,
|
|
}
|
|
},
|
|
dicts: ['emis_scan_type'],
|
|
data() {
|
|
return {
|
|
reverse: false,
|
|
loading: true,
|
|
dataList: [],
|
|
total:0,
|
|
queryParams:{
|
|
|
|
}
|
|
};
|
|
},
|
|
created() {
|
|
this.getList();
|
|
},
|
|
watch: {
|
|
"billCode": {
|
|
handler (newValue, oldValue) {
|
|
this.getList();
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
methods: {
|
|
getList() {
|
|
this.loading = true;
|
|
this.queryParams={
|
|
pageNum:1,
|
|
pageSize:1000,
|
|
billCode:this.billCode
|
|
}
|
|
queryListByBillCode(this.queryParams).then(response => {
|
|
this.dataList = response.rows;
|
|
this.total=response.total;
|
|
this.loading = false;
|
|
});
|
|
|
|
},
|
|
|
|
getIndex($index) {
|
|
return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + $index + 1
|
|
},
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
|
|
<style rel="stylesheet/scss" lang="scss">
|
|
|
|
.margin-top{
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.el-descriptions-item__label.is-bordered-label {
|
|
min-width: 80px;
|
|
}
|
|
|
|
.printMeClass {
|
|
font-family: SimHei;
|
|
label {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
.siteOrManHighlight {
|
|
color: #00BFFF;
|
|
font-weight: bold;
|
|
}
|
|
</style>
|