fix : front component

This commit is contained in:
Ashrafi
2025-04-03 12:16:54 +03:30
parent accf16c184
commit 1bd5970a58
3 changed files with 39 additions and 33 deletions
+2 -1
View File
@@ -3,7 +3,8 @@ const urls = {
return `/ShowTestResult/${id}`; return `/ShowTestResult/${id}`;
}, },
showItem: function(id) { showItem: function(id) {
return `/ShowItem/${id}`; // return `/ShowItem/${id}`;
return `/show-item/${id}`;
}, },
showPackage: function(id) { showPackage: function(id) {
+36 -30
View File
@@ -10,37 +10,49 @@
<v-flex xs12 md6 sm6> <v-flex xs12 md6 sm6>
<div class> <div class>
<span class="title CSSD-font">Item ID :</span> <span class="title CSSD-font">Item ID :</span>
<span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.id }}</span> <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
{{ data.id }}
</span>
</div> </div>
</v-flex> </v-flex>
<v-flex xs12 md6 sm6> <v-flex xs12 md6 sm6>
<div class> <div class>
<span class="title CSSD-font">Name :</span> <span class="title CSSD-font">Name :</span>
<span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.name }}</span> <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
{{ data.name }}
</span>
</div> </div>
</v-flex> </v-flex>
<v-flex xs12 md6 sm6> <v-flex xs12 md6 sm6>
<div class> <div class>
<span class="title CSSD-font">Size :</span> <span class="title CSSD-font">Size :</span>
<span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.size }}</span> <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
{{ data.size }}
</span>
</div> </div>
</v-flex> </v-flex>
<v-flex xs12 md6 sm6> <v-flex xs12 md6 sm6>
<div class> <div class>
<span class="title CSSD-font">Specific :</span> <span class="title CSSD-font">Specific :</span>
<span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">{{ data.specific }}</span> <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
{{ data.specific }}
</span>
</div> </div>
</v-flex> </v-flex>
<v-flex xs12 md6 sm6> <v-flex xs12 md6 sm6>
<div class> <div class>
<span class="title CSSD-font">Register User :</span> <span class="title CSSD-font">Register User :</span>
<span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ data.user ? data.user.name : '' }}</span> <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
{{ data.user ? data.user.name : '' }}
</span>
</div> </div>
</v-flex> </v-flex>
<v-flex xs12 md6 sm6> <v-flex xs12 md6 sm6>
<div class> <div class>
<span class="title CSSD-font">Date Register:</span> <span class="title CSSD-font">Date Register:</span>
<span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">{{ data.created_at }}</span> <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
{{ data.created_at }}
</span>
</div> </div>
</v-flex> </v-flex>
@@ -52,8 +64,8 @@
</v-flex> </v-flex>
<v-layout row wrap class="ml-4"> <v-layout row wrap class="ml-4">
<v-flex xs12 md6 sm6 v-if="barcodeimg"> <v-flex xs12 md6 sm6 v-if="barcodeimg">
<img :src="barcodeimg" class="WM-Width-350"><br /> <img :src="barcodeimg" class="WM-Width-350"><br/>
<span class="CSSD-font">Item ID : {{data.id}}</span> <span class="CSSD-font">Item ID : {{ data.id }}</span>
</v-flex> </v-flex>
</v-layout> </v-layout>
<v-layout row wrap class="ml-4"> <v-layout row wrap class="ml-4">
@@ -64,12 +76,12 @@
</v-layout> </v-layout>
</v-layout> </v-layout>
<v-layout row wrap align-center justify-center style="text-align:center"> <v-layout row wrap align-center justify-center style="text-align:center">
<v-flex class xs12 md12 sm12 > <v-flex class xs12 md12 sm12>
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addItem()"> <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addItem()">
<v-icon class="black--text">keyboard_arrow_left</v-icon> <v-icon class="black--text">keyboard_arrow_left</v-icon>
<span class="black--text">Back</span> <span class="black--text">Back</span>
</v-btn> </v-btn>
<v-btn class="WM-CyanBlueGradient-BG" @click="print" style="padding:10px 60px"> <v-btn class="WM-CyanBlueGradient-BG" @click="print" style="padding:10px 60px">
<v-icon class="white--text mr-2 caption">fas fa-print</v-icon> <v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
<span class="white--text">Print</span> <span class="white--text">Print</span>
</v-btn> </v-btn>
@@ -83,23 +95,17 @@
</v-container> </v-container>
</template> </template>
<script>
export default {
data: () => ({
data: {}
})
};
</script>
<script> <script>
import { urls } from "@show/config/urls"; import {urls} from "@show/config/urls";
import axios from "axios"; import axios from "axios";
export default { export default {
data: () => ({ data: () => ({
data : {}, data: {},
QRCodeimg : '', QRCodeimg: '',
barcodeimg : '', barcodeimg: '',
MedicalCenter : '' MedicalCenter: ''
}), }),
methods: { methods: {
async load(id) { async load(id) {
@@ -113,19 +119,19 @@ export default {
} catch (error) { } catch (error) {
console.error("Error loading data:", error); console.error("Error loading data:", error);
} }
}, },
async generateBarcode(itemId) { async generateBarcode(itemId) {
const result = await axios.post(urls.Barcode(itemId, 'Item')); const result = await axios.post(urls.Barcode(itemId, 'Item'));
if (result && result.status == 200) { if (result && result.status == 200) {
this.QRCodeimg = result.data.data.QRCode ? result.data.data.QRCode : null; this.QRCodeimg = result.data.data.QRCode ? result.data.data.QRCode : null;
this.barcodeimg = result.data.data.Barcode ? result.data.data.Barcode : null; this.barcodeimg = result.data.data.Barcode ? result.data.data.Barcode : null;
} }
}, },
editItem(itemId){ editItem(itemId) {
window.location.href = '/item/'+itemId+'/edit'; window.location.href = '/item/' + itemId + '/edit';
}, },
addItem(){ addItem() {
window.location.href = '/add-item'; window.location.href = '/add-item';
}, },
print() { print() {
@@ -163,8 +169,8 @@ export default {
} }
}, },
created() { created() {
if (this.$route.params.Item) { if (this.$route.params.item) {
this.load(this.$route.params.Item); this.load(this.$route.params.item);
} }
}, },
// mounted() { // mounted() {
@@ -74,7 +74,6 @@
</v-layout> </v-layout>
</v-layout> </v-layout>
<v-layout row wrap align-center justify-center style="text-align:center"> <v-layout row wrap align-center justify-center style="text-align:center">
<v-flex class xs12 md12 sm12 > <v-flex class xs12 md12 sm12 >
<v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addPackage()"> <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addPackage()">
@@ -91,7 +90,6 @@
</v-btn> </v-btn>
</v-flex> </v-flex>
</v-layout> </v-layout>
</material-card> </material-card>
</v-container> </v-container>
</template> </template>
@@ -165,6 +163,7 @@ export default {
} }
}, },
created() { created() {
console.log('------------------',this.$route.params,'------------------')
if (this.$route.params.package) { if (this.$route.params.package) {
this.load(this.$route.params.package); this.load(this.$route.params.package);
} }