first commit

2025-11-16 13:55:02 +08:00
commit d62e48bf27
4702 changed files with 899773 additions and 0 deletions
@@ -0,0 +1,97 @@
+<template>
+    <el-card shadow="never" class="pc-signature-card">
+        <div class="pc-signature">
+            <el-link type="primary">扫描下方二维码进行签字</el-link>
+            <div class="signature-body">
+                <QrCode v-if="!signatureContent" :options="{ width: 126 }" :value="signatureAddress" class="signature-qrcode"></QrCode>
+                <el-image v-if="signatureContent" :src="signatureContent" class="signature-image"></el-image>
+            </div>
+            <el-link type="danger" icon="el-icon-edit" @click="signatureAgain" v-if="signatureContent">重签</el-link>
+        </div>
+    </el-card>
+</template>
+
+<script>
+module.exports = {
+    name: "sysSignaturePc",
+    store,
+    props: {
+        value: {
+            type: String,
+            default: ""
+        }
+    },
+    watch: {
+        value: {
+            handler(val) {
+              console.log(val)
+              if(val){
+                this.signatureContent = val
+                this.$emit("input", this.signatureContent)
+              }
+            },
+            immediate: true
+        }
+    },
+    data() {
+        return {
+            //前端唯一标识 当然后端还有用户id作为唯一标识
+            id: new Date().getTime() + Math.floor(Math.random() * 10000) + 1,
+            signatureAddress: null,
+            interval: null,
+            signatureContent: null
+        }
+    },
+    methods: {
+        async init() {
+            const { code, data } = await this.$axios.post("/platform/signature/get")
+            if (code === 0) {
+                this.signatureContent = data && data.signature
+                this.$emit("input", this.signatureContent)
+            }
+            this.signatureAddress = origin + "/platform/signature/scanPcCode?id=" + this.id
+            console.log(this.signatureAddress)
+        },
+        signatureAgain() {
+            const val = sessionStorage.getItem("h5-scan-code-signature-" + this.id)
+            this.signatureContent = val
+            this.$emit("input", val)
+        }
+    },
+    mounted() {
+        this.init()
+        webSocketPubSub.subscribe("h5-scan-code-signature", (data) => {
+            console.info("ws:收到签字成功消息:", data)
+            this.signatureContent = data.value
+            this.$emit("input", data.value)
+        })
+    }
+}
+</script>
+
+<style scoped>
+.pc-signature-card {
+    border: 1px solid var(--border-color-base);
+}
+
+.pc-signature {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 20px;
+}
+
+.signature-body {
+    position: relative;
+}
+
+.signature-qrcode {
+    transition: opacity 0.5s ease;
+}
+
+.signature-image {
+    height: 100px;
+    width: auto;
+}
+</style>