合同网签

src/views/sunVillage_info/list_signature.vue

@@ -64,7 +64,7 @@
     <!-- 签字弹出层 -->
     <van-popup v-model="show" closeable position="right" :style="{ height: '100%' }" >
       <van-cell-group style="width: 100%;height:100%;overflow: hidden;padding-top: 10px;padding-bottom: 10px;">
-        <div class="signature-box">
+        <div class="signature-box" @mousedown="canvasTTdown" @touchstart="canvasTTdown">
           <vue-esign
             ref="esign"
             class="mySign"
@@ -76,6 +76,7 @@
             :bgColor.sync="signature.bgColor"
           />
         </div>
+        <img src="../../assets/images/sunVillage_info/signature_icon_10.png" id="canvasTT" style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)" alt="">
         <div class="signature-footer">
           <van-button @click="handleGenerate" type="info" size="small">保存签字</van-button>
           <van-button @click="handleReset" class="clearBtn" type="info" plain  size="small">清空画板</van-button>
@@ -94,6 +95,7 @@
   import { contractFirstList , signFirst } from "@/api/sunVillage_info/fixedAssets";
   import vueEsign from "vue-esign";
   import signatureUploadSignature from "@/views/yinnong/signatureUploadSignature";
+  import $ from "jquery";
   export default {
     name: "sunVillageInfoListSignature",
     components:{vueEsign,signatureUploadSignature},
@@ -133,6 +135,9 @@
       this.height = window.screen.height*1.28-20;
     },
     methods: {
+      canvasTTdown(){
+        $('#canvasTT').css('display','none')
+      },
       getList(){
         var _this = this;
         contractFirstList(_this.queryParams).then(response => {
@@ -173,6 +178,7 @@
       // 清空画板
       handleReset() {
         this.$refs.esign.reset();
+        $('#canvasTT').css('display','block')
       },
       // 生成签字图
       handleGenerate() {

src/views/user/signature/signatureDetail.vue

@@ -35,7 +35,7 @@
       <van-field v-model="form.secondIsSign" label="乙方已签" placeholder="乙方已签" input-align="right" :border="false" />
       <van-field v-model="form.secondPartyAt" label="乙方签字日期" placeholder="乙方签字日期" input-align="right" :border="false" />
       <van-field label="乙方签字" input-align="right" :border="false" />
-      <img :src="'/api'+form.secondSigning" width="100%" alt="" v-if="form.secondSigning">
+      <img :src="'/api'+form.secondSigning" width="100%" alt="" v-if="form.secondSigning" >
     </div>
   </div>
 </template>

src/views/user/signature/signatureList.vue

@@ -58,7 +58,7 @@
     </div>
     <van-popup v-model="show" closeable position="right" :style="{ height: '100%' }" >
       <van-cell-group style="width: 100%;height:100%;overflow: hidden;padding-top: 10px;padding-bottom: 10px;">
-        <div class="signature-box">
+        <div class="signature-box" @mousedown="canvasTTdown" @touchstart="canvasTTdown">
           <vue-esign
             ref="esign"
             class="mySign"
@@ -70,6 +70,7 @@
             :bgColor.sync="signature.bgColor"
           />
         </div>
+        <img src="../../../assets/images/sunVillage_info/signature_icon_10.png" id="canvasTT" style="position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%)" alt="">
         <div class="signature-footer">
           <van-button @click="handleGenerate" type="info" size="small">保存签字</van-button>
           <van-button @click="handleReset" class="clearBtn" type="info" plain  size="small">清空画板</van-button>
@@ -83,6 +84,7 @@
   import { contractSecondList , signSecond } from "@/api/sunVillage_info/fixedAssets";
   import vueEsign from "vue-esign";
   import signatureUploadSignature from "@/views/yinnong/signatureUploadSignature";
+  import $ from 'jquery'
   export default {
     name: "sunVillageInfoListSignature",
     components:{vueEsign,signatureUploadSignature},
@@ -121,6 +123,9 @@
       this.height = window.screen.height*1.28-20;
     },
     methods: {
+      canvasTTdown(){
+        $('#canvasTT').css('display','none')
+      },
       getList(){
         var _this = this;
         contractSecondList(_this.queryParams).then(response => {
@@ -149,6 +154,7 @@
       // 清空画板
       handleReset() {
         this.$refs.esign.reset();
+        $('#canvasTT').css('display','block')
       },
       // 生成签字图
       handleGenerate() {