fix : style and display data

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
@@ -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();