first commit

target/classes/views/platform/zhghh5/sys/signature/index.html

@@ -0,0 +1,99 @@
+<!--#
+layout("/layouts/platform_h5.html"){
+#-->
+
+<style>
+    .bgcolor-white {
+        background: #ffffff;
+    }
+    .van-status__figure {
+        text-align: center;
+        line-height: 1.5;
+    }
+    .van-status__figure img {
+        width: 130px;
+        height: 130px;
+    }
+</style>
+
+<div id="app" v-cloak>
+    <van-nav-bar title="我的签名" @click-left="historyBack" left-arrow left-text="返回" placeholder fixed></van-nav-bar>
+
+    <div class="bgcolor-white">
+        <div v-if="!showSignature" class="p10">
+            <van-image width="100%" height="200" :src="userSignatureUrl" v-if="userSignatureUrl" style="border: 1px dashed #000">
+                <template slot="error">获取签名失败</template>
+            </van-image>
+            <div v-else class="van-status__figure">
+                <img src="/assets/platform/plugins/vant-green/images/figure/fail.png" class="" />
+                <div class="text-center pt10 pb10">暂无签名</div>
+            </div>
+            <!--            <van-status orient="vertical" :figure="14" title="暂无签名" v-else></van-status>-->
+
+            <div class="margin-top10">
+                <van-button v-if="!userSignatureUrl" block type="primary" @click="openSignature">去签名</van-button>
+                <van-button v-else block type="primary" @click="openSignature">修改签名</van-button>
+            </div>
+        </div>
+        <signature v-if="showSignature" @save="saveSignature"></signature>
+    </div>
+</div>
+
+<script nonce="${cspNonce!}">
+    const vue = new Vue({
+        el: "#app",
+        store,
+        components: {
+            signature: httpVueLoader("/components/plugins/sysSignature/index.vue?v=" + new Date().getTime())
+        },
+        data() {
+            return {
+                showSignature: false,
+                userSignatureUrl: null
+            }
+        },
+        methods: {
+            getUserSignature() {
+                this.$axios.post("/platform/signature/get").then((res) => {
+                    if (res.code === 0) {
+                        this.userSignatureUrl = res.data.signature
+                    }
+                })
+            },
+            openSignature() {
+                this.showSignature = true
+            },
+            saveSignature(signature) {
+                console.log(signature)
+                const file = base64ToFile(signature, "signature.png")
+                const formData = new FormData()
+                formData.append("file", file)
+                axios
+                    .post("/platform/signature/update", formData, {
+                        headers: {
+                            "Content-Type": "multipart/form-data"
+                        }
+                    })
+                    .then((res) => {
+                        return res.data
+                    })
+                    .then((res) => {
+                        if (res.code === 0) {
+                            this.showSignature = false
+                            this.$toast.success(res.msg)
+                            this.getUserSignature()
+                        } else {
+                            this.$toast.fail(res.msg)
+                        }
+                    })
+            }
+        },
+        created() {
+            this.getUserSignature()
+        }
+    })
+</script>
+
+<!--#
+}
+#-->