change size of barcode & qrcode

This commit is contained in:
Fayyazi
2019-12-30 10:25:12 +03:30
parent 08c1b16fc5
commit 7a31c6431c
10 changed files with 172 additions and 145 deletions
@@ -8,14 +8,14 @@
</v-flex> -->
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="barcodeimg">
<img :src="barcodeimg"><br />
<img :src="barcodeimg" class="WM-Width-350"><br />
<span>{{ Type+ ' ID :' + ID }}</span>
</v-flex>
</v-layout>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="QRCodeimg">
<a v-if = "Type != 'TestType'":href="ShowLink" target="_blank"><img :src="QRCodeimg"></a>
<img v-else :src="QRCodeimg">
<a v-if = "Type != 'TestType'":href="ShowLink" target="_blank"><img :src="QRCodeimg" class="WM-Width-150"></a>
<img v-else :src="QRCodeimg" class="WM-Width-150">
</v-flex>
</v-layout>
</v-layout>
@@ -54,13 +54,13 @@
</v-flex>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="barcodeimg">
<img :src="barcodeimg"><br />
<img :src="barcodeimg" class="WM-Width-350"><br />
<span>Cycle ID : {{data.id}}</span>
</v-flex>
</v-layout>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="QRCodeimg">
<a :href="'/Show/Cycle/'+data.id+''" target="_blank"><img :src="QRCodeimg"></a>
<a :href="'/Show/Cycle/'+data.id+''" target="_blank"><img :src="QRCodeimg" class="WM-Width-150"></a>
</v-flex>
</v-layout>
</v-layout>
@@ -53,13 +53,13 @@
</v-flex>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="barcodeimg">
<img :src="barcodeimg"><br />
<img :src="barcodeimg" class="WM-Width-350"><br />
<span>Item ID : {{data.id}}</span>
</v-flex>
</v-layout>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="QRCodeimg">
<a :href="'/Show/Item/'+data.id+''" target="_blank"><img :src="QRCodeimg"></a>
<a :href="'/Show/Item/'+data.id+''" target="_blank"><img :src="QRCodeimg" class="WM-Width-150"></a>
</v-flex>
</v-layout>
</v-layout>
@@ -51,7 +51,7 @@
<v-flex xs12 md12 sm12>
<div>
<v-flex xs6 md6 sm6 v-if="QRCodeimg">
<a :href="'/Show/Package/'+data.package.id+''" target="_blank"><img :src="QRCodeimg"></a>
<a :href="'/Show/Package/'+data.package.id+''" target="_blank"><img :src="QRCodeimg" class="WM-Width-120"></a>
</v-flex>
</div>
</v-flex>
@@ -80,7 +80,7 @@
<div class="mt-4" style="text-align:center">
<v-layout row wrap>
<v-flex xs6 md12 sm12 v-if="barcodeimg">
<img :src="barcodeimg" style="width:20%"><br />
<img :src="barcodeimg" class="WM-Width-500"><br />
<span>{{data.id}}</span>
</v-flex>
</v-layout>
@@ -40,13 +40,13 @@
</v-flex>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="barcodeimg">
<img :src="barcodeimg"><br />
<img :src="barcodeimg" class="WM-Width-350"><br />
<span>Package ID : {{data.id}}</span>
</v-flex>
</v-layout>
<v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="QRCodeimg">
<a :href="'/Show/Package/'+data.id+''" target="_blank"><img :src="QRCodeimg"></a>
<a :href="'/Show/Package/'+data.id+''" target="_blank"><img :src="QRCodeimg" class="WM-Width-150"></a>
</v-flex>
</v-layout>
</v-layout>
+16
View File
@@ -876,3 +876,19 @@
.WM-Hover-Grayscale:hover {
-webkit-filter: grayscale(100%) !important;
}
.WM-Width-120{
width:120px;
}
.WM-Width-150{
width:150px;
}
.WM-Width-300{
width:300px;
}
.WM-Width-350{
width:350px;
}
.WM-Width-500{
width:500px;
}