cssd-doc/cssd-back
1
0
Fork 0
mirror of https://git.meshkee.com/cssd/cssd-back.git synced 2026-10-10 19:01:05 +03:30
Code Issues Packages Projects Releases Wiki Activity

fix : style and display data

Browse Source
This commit is contained in:
zeinab.ashrafi
2025-05-04 14:06:08 +03:30
parent 4eb2fa5107
commit fee688c183
2 changed files with 20 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/show/views/Item/ShowItem.vue
+4 -3
View File
@@ -64,12 +64,12 @@
</div>
</v-flex>
</v-layout>
<v-layout align-left justify-left wrap class="my-3" v-if="data.files && data.files.length">
<v-layout align-left justify-left row wrap class="my-3" v-if="data.files && data.files.length">
<h3 class="CSSD-font">Image</h3>
<v-flex xs12>
<hr class="v-divider theme--light"/>
</v-flex>
<v-layout row wrap class="">
<v-layout row wrap class="mt-3">
<v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
<template v-if="file.file_type == 'document'">
<a target="_blank" :href="'/'+file.thumbnail">
@@ -83,7 +83,8 @@
</v-flex>
</v-layout>
</v-layout>
<v-layout align-left justify-left wrap class="my-3">
<v-flex xs12></v-flex>
<v-layout align-left justify-left row wrap class="my-3">
<h3 class="ml-3 CSSD-font">Barcode And QRCode Image</h3>
<v-flex xs12>
<hr class="v-divider theme--light">
resources/js/show/views/TestResult/ShowTestResult.vue
+16 -33
View File
@@ -15,29 +15,24 @@
</span>
</div>
</v-flex>
<v-flex xs12 md12 sm12>
<div class>
<span class="title CSSD-font">Result :</span>
<span v-if="data.result === 'Reject'" class="NotVerified">
<v-icon class="caption fa fa-times NotVerified"></v-icon>
</span>
<span v-if="data.result === 'Accept'" class="">
<v-icon class="caption fa fa-check Verified"></v-icon>
</span>
<span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
<v-flex xs12 sm12 class="py-1">
<span class="subtitle-1">Result :</span>
<v-icon size="20"
:class="['caption fa ml-2', data.result == 'Reject'?'NotVerified':( data.result == 'Accept'?'Verified':'')]">
{{ data.result == 'Reject' ? 'fa-times' : (data.result == 'Accept' ? 'fa-check' : '') }}
</v-icon>
<span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
{{ data.result }}
</span>
</div>
</v-flex>
<v-flex xs12 md12 sm12>
<div class>
<span class="title CSSD-font">verify :</span>
<span v-if="data.verified === 'NotVerified'" class="NotVerified">
<v-icon class="caption fa fa-times NotVerified"></v-icon>
</span>
<span v-if="data.verified === 'Verified'" class="">
<v-icon class="caption fa fa-check Verified"></v-icon>
</span>
<v-icon size="20"
:class="['caption fa ml-2', data.verified == 'NotVerified'?'NotVerified':(data.verified == 'Verified'? 'Verified' : '')]">
{{ data.verified == 'NotVerified' ? 'fa-times' :(data.verified == 'Verified' ? 'fa-check':'') }}
</v-icon>
<span class="headline ml-1" style="letter-spacing:0 !important">
{{ data.verified }}
</span>
@@ -192,7 +187,7 @@ export default {
},
computed: {
imagesOnly() {
return this.data.files && this.data.files.length? this.data.files.filter(file => file.file_type !== 'document') : [];
return this.data.files && this.data.files.length ? this.data.files.filter(file => file.file_type !== 'document') : [];
},
},
methods: {
@@ -221,11 +216,8 @@ export default {
// Get all stylesheets HTML
let stylesHtml = "";
for (const node of [
...document.querySelectorAll('link[rel="stylesheet"], style')
]) {
stylesHtml += node.outerHTML;
}
for (const node of [...document.querySelectorAll('link[rel="stylesheet"], style')])
{stylesHtml += node.outerHTML;}
// Open the print window
const WinPrint = window.open(
@@ -234,16 +226,7 @@ export default {
"left=0,top=0,width=800,height=900,toolbar=0,scrollbars=0,status=0"
);
WinPrint.document.write(`<!DOCTYPE html>
<html>
<head>
${stylesHtml}
</head>
<body>
${prtHtml}
</body>
</html>`);
WinPrint.document.write(`<!DOCTYPE html><html><head>${stylesHtml} </head><body>${prtHtml} </body></html>`);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();