lcw

src/App.vue

@@ -1,16 +1,20 @@
 <template>
   <router-view v-slot="{ Component }" v-if="isRouterAlive">
     <keep-alive :include="store.getters.keepLiiveRoute">
-      <Component :is="Component"></Component>
+      <Watermark :text="content" :color="'rgba(0, 0, 0, .15)'">
+        <Component :is="Component"></Component>
+      </Watermark>
     </keep-alive>
   </router-view>
 </template>
 <script setup>
 import * as ocr from "@paddlejs-models/ocr";
+import Watermark from "@/components/Watermark.vue";
 import { ref, nextTick, provide, onMounted,getCurrentInstance } from "vue";
 import { useStore } from "vuex";
 import { getItem, setItem} from "@/utils/storage";
 import { generateNewStyle, writeNewStyle } from "@/utils/theme";
+import {timeValidate} from "@/utils/tools";
 const { proxy } = getCurrentInstance();
 
 const store = useStore();
@@ -27,6 +31,7 @@ const reload = () => {
 provide("reload", reload);
 onMounted(() => {
   document.title = "林芝";
+  frashJs()
   // initPage()
 });
 
@@ -44,7 +49,13 @@ const initPage = async () => {
     imgIsLoad = false;
   }
 }
-
+const content=ref([])
+const frashJs = () => {
+ const sfzh= getItem("idEntityCard")
+const userName=  getItem("USERNAME")
+  const time = timeValidate()
+  content.value=[userName,sfzh,time,"林芝哨岗系统","禁止泄露公民个人信息和警务工作秘密"]
+}
 </script>
 <style lang="scss">
 @import "./styles/index.scss";