mirror of
https://git.meshkee.com/cssd/cssd-back.git
synced 2026-10-13 00:31:07 +03:30
sadsad
This commit is contained in:
@@ -2,13 +2,18 @@
|
||||
<v-container grid-list-xs>
|
||||
<material-card color="black" title="Barcode Image">
|
||||
<v-layout align-left justify-left wrap class="px-5 my-3">
|
||||
<h3 class="ml-3">Barcode Image</h3>
|
||||
<h3 class="ml-3">Barcode And QRCode Image</h3>
|
||||
<v-flex xs12>
|
||||
<hr class="v-divider theme--light">
|
||||
</v-flex>
|
||||
<v-layout row wrap class="ml-4">
|
||||
<v-flex xs12 md6 sm6>
|
||||
<img :src="image">
|
||||
<img :src="barcodeimg">
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
<v-layout row wrap class="ml-4">
|
||||
<v-flex xs12 md6 sm6>
|
||||
<img :src="QRCodeimg">
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-layout>
|
||||
@@ -27,10 +32,12 @@
|
||||
import { mapGetters } from "vuex";
|
||||
export default {
|
||||
data: () => ({
|
||||
image : {}
|
||||
barcodeimg : {},
|
||||
QRCodeimg : {}
|
||||
}),
|
||||
created() {
|
||||
this.image = this.getModalProperties.result.data.data;
|
||||
this.barcodeimg = this.getModalProperties.result.data.data.Barcode;
|
||||
this.QRCodeimg = this.getModalProperties.result.data.data.QRCode;
|
||||
},
|
||||
computed: {
|
||||
...mapGetters("modal", ["getModalProperties"])
|
||||
@@ -38,7 +45,7 @@ export default {
|
||||
methods: {
|
||||
print() {
|
||||
let popup = window.open();
|
||||
popup.document.write(`<img src="${this.image}" >`);
|
||||
popup.document.write(`<img src="${this.barcodeimg}" style="padding:50px" /><img src="${this.QRCodeimg}" />`);
|
||||
popup.focus();
|
||||
popup.print();
|
||||
}
|
||||
|
||||
@@ -99,6 +99,7 @@
|
||||
></v-checkbox>
|
||||
</v-container>
|
||||
<template v-if="item.type == 'Form'">
|
||||
<v-container row md-12 sm-12 xs-12>
|
||||
<v-layout row wrap>
|
||||
<h3>{{ item.name }}</h3>
|
||||
</v-layout>
|
||||
@@ -136,6 +137,7 @@
|
||||
</v-container>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</template>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
|
||||
@@ -186,7 +186,7 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
...mapGetters("modal", ["getModalResult"])
|
||||
|
||||
@@ -2,11 +2,20 @@
|
||||
<v-container fluid>
|
||||
<material-card class color="black" title="Medical Centers List" text>
|
||||
<v-layout wrap class="px-5 mb-3">
|
||||
<v-flex xs12 md3 sm3>
|
||||
<v-flex xs12 md3 sm3 class="pr-3">
|
||||
<v-text-field label="Name" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md2 sm3 class="pr-3">
|
||||
<v-text-field label="UniqueId" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md2 sm3 class="pr-3">
|
||||
<v-text-field label="UserName" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md3 sm3 class="pr-3">
|
||||
<v-text-field label="Date" color="black"></v-text-field>
|
||||
</v-flex>
|
||||
<v-flex xs12 md2 sm2 class="text-xs-right">
|
||||
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px">
|
||||
<v-btn class="WM-CyanBlueGradient-BG" style="padding:10px 60px" @click="filter">
|
||||
<v-icon class="white--text mr-2 caption">fas fa-search</v-icon>
|
||||
<span class="white--text">Filter</span>
|
||||
</v-btn>
|
||||
@@ -111,6 +120,11 @@ export default {
|
||||
}
|
||||
],
|
||||
items: [],
|
||||
filter: {
|
||||
name: '',
|
||||
name: '',
|
||||
name: '',
|
||||
},
|
||||
currentPage: 1,
|
||||
lastPage: 1
|
||||
}),
|
||||
@@ -148,6 +162,9 @@ export default {
|
||||
properties: { result }
|
||||
});
|
||||
}
|
||||
},
|
||||
filter() {
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
Reference in New Issue
Block a user