feat: 修复样式

src/views/approve/components/printer.vue

@@ -4,6 +4,9 @@ import { computed, watch, ref, nextTick } from 'vue'
 import printJS from 'print-js'
 import VueQrcode from '@chenfengyuan/vue-qrcode'
 import { erFormPreview } from '@ER/formEditor'
+import useStore from '@/store'
+import dayjs from 'dayjs'
+const { user } = useStore()
 // import type { PropType } from 'vue'
 // 若有需要自行编辑 QR Code ...
 const props = defineProps({
@@ -77,6 +80,11 @@ const submitForm = () => {
 	})
 }
 
+const userInfo = computed(() => {
+	const _info = user.cur_userInfo || {}
+	return { ..._info, userNameF: _info.userName?.substring(0, 1) }
+})
+
 const closeDialog = () => {
 	$myEmit('update:modelValue', false)
 }
@@ -115,8 +123,12 @@ const qrUrl = computed(() => {
 			</div>
 
 			<div class="flex justify-between">
-				<div class="leading-7">打印人: <span class="pl-[6px]"> admin </span></div>
-				<div class="leading-7">打印时间: <span class="pl-[6px]"> 2024-08-24 16:43:36 </span></div>
+				<div class="leading-7">
+					打印人: <span class="pl-[6px]"> {{ userInfo.username || '' }} </span>
+				</div>
+				<div class="leading-7">
+					打印时间: <span class="pl-[6px]"> {{ dayjs().format('YYYY-MM-DD HH:mm:ss') }} </span>
+				</div>
 			</div>
 		</div>
 		<template #footer>
@@ -230,7 +242,8 @@ td:first-child {
 					}
 					&__inner {
 						color: var(--el-text-color-regular);
-						-webkit-text-fill-color: transparent;
+						-webkit-text-fill-color: var(--el-text-color-regular);
+						//-webkit-text-fill-color: transparent;
 					}
 					&__suffix {
 						display: none;