{"version":3,"sources":["webpack:///./src/views/salarySigin/month.vue?2971","webpack:///./src/components/signaturePad/index.vue?23a0","webpack:///./src/components/signaturePad/index.vue?8667","webpack:///src/components/signaturePad/index.vue","webpack:///./src/components/signaturePad/index.vue?1cde","webpack:///./src/components/signaturePad/index.vue","webpack:///./src/views/salarySigin/month.vue?9ce5","webpack:///src/views/salarySigin/month.vue","webpack:///./src/views/salarySigin/month.vue?b8e3","webpack:///./src/views/salarySigin/month.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","style","sign_for_horiz","_v","_s","$t","on","closeSpad","windowsignremark","isShowWindowsignremark","_e","class","ref","attrs","onTouchStart","onTouchMove","onTouchEnd","yxcx","defaultUrl","use_last_sign_pic","forbit_edit_last_sign","clear","save","staticRenderFns","props","show","type","Boolean","default","String","mustinput","signremark","showConfirmBtn","data","direction","colors","ctx","stage_info","canvasWidth","canvasHeight","huabuWidth","huabuHeight","lineColor","lineWidth","url","urlorg","signData","lawCaseId","litigantId","lawyerId","image","saveLoading","vifCanVas","watch","handler","n","window","setTimeout","setAttribute","onload","drawImage","mycanvas","width","height","src","deep","immediate","created","handleFontSize","WeixinJSBridge","invoke","fontSize","document","addEventListener","attachEvent","methods","writeName","$nextTick","initCanvas","$refs","clientWidth","clientHeight","getContext","getBoundingClientRect","beginPath","toDataURL","handleDraw","lineTo","targetX","targetY","stroke","clientY","top","clientX","right","left","e","preventDefault","strokeStyle","lineCap","lineJoin","clickColorItem","forEach","item","active","color","clearRect","blank","title","message","$emit","submitText","console","log","error","rotateBase64Img","imgW","imgH","size","canvas","createElement","edg","Image","crossOrigin","quadrant","cutCoor","sx","sy","ex","ey","translate","rotate","fillStyle","imgData","getImageData","putImageData","callback","component","onClickLeft","onClickRight","_l","value","key","$event","visitDetails","sbtype","china","totalmoney","m_pay_type","remark","directives","name","rawName","expression","stopPropagation","getSpad","isreturn","autoid","use_pay_feedback","firstchangepwd","isfirstlogin","nosign","userInfo","yymm","baseurl","components","signaturePad","$route","query","getData","$router","push","path","moduleno","onSearch","isOnlyOne","num","pay_month_title","empid","i","is_wxsign","username","filebase64str","res","iserror"],"mappings":"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","file":"js/chunk-f414c5ac.df1fc883.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./month.vue?vue&type=style&index=0&id=fd58ea4a&lang=less&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=e0979342&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"padding\":\"0.1rem\"}},[_c('div',{staticClass:\"mydraw\"},[_c('div',{staticClass:\"canvasContainer\",style:(_vm.sign_for_horiz?'height: 100%':'')},[_c('div',{staticClass:\"signTitle\"},[_c('span',[_vm._v(_vm._s(_vm.$t(\"signaturePad.spTxt1\")))]),_c('span',{staticStyle:{\"color\":\"red\"},on:{\"click\":_vm.closeSpad}},[_vm._v(_vm._s(_vm.$t(\"signaturePad.spTxt2\")))])]),(_vm.windowsignremark && _vm.isShowWindowsignremark)?_c('div',{staticClass:\"signExplain\",style:(_vm.sign_for_horiz?'height: 1rem;overflow-y: auto;':'')},[_vm._v(_vm._s(_vm.windowsignremark))]):_vm._e(),_c('div',{staticClass:\"cont canvasDiv\",class:_vm.windowsignremark && _vm.isShowWindowsignremark ? 'windowsignremark' : '',style:(_vm.sign_for_horiz?'height: calc(100% - 3.533334rem);':'')},[(_vm.vifCanVas)?_c('canvas',{ref:\"mycanvas\",staticStyle:{\"background\":\"#fff\"},attrs:{\"id\":\"canvas\"},on:{\"touchstart\":_vm.onTouchStart,\"touchmove\":_vm.onTouchMove,\"touchend\":_vm.onTouchEnd}},[_vm._v(\"Canvas画板\")]):_vm._e()]),_c('div',{staticClass:\"signFooter\"},[(_vm.yxcx || !(_vm.defaultUrl && _vm.use_last_sign_pic && _vm.forbit_edit_last_sign))?_c('div',{staticClass:\"button_can\",staticStyle:{\"color\":\"red\"},on:{\"click\":_vm.clear}},[_vm._v(\" \"+_vm._s(_vm.$t(\"signaturePad.spTxt3\"))+\" \")]):_vm._e(),(_vm.showConfirmBtn)?_c('div',{staticClass:\"button_def\",on:{\"click\":_vm.save}},[_vm._v(\" \"+_vm._s(_vm.$t(\"signaturePad.spTxt4\"))+\" \")]):_vm._e()])])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div style=\"width: 100%; height: 100%; padding: 0.1rem\"\r\n       v-if=\"show\">\r\n    <div class=\"mydraw\">\r\n      <!-- clear -->\r\n      <!-- save -->\r\n      <div class=\"canvasContainer\"\r\n           :style=\"sign_for_horiz?'height: 100%':''\">\r\n        <div class=\"signTitle\">\r\n          <span>{{ $t(\"signaturePad.spTxt1\") }}</span>\r\n          <span style=\"color: red\"\r\n                @click=\"closeSpad\">{{\r\n            $t(\"signaturePad.spTxt2\")\r\n          }}</span>\r\n        </div>\r\n        <div class=\"signExplain\"\r\n             v-if=\"windowsignremark && isShowWindowsignremark\"\r\n             :style=\"sign_for_horiz?'height: 1rem;overflow-y: auto;':''\">{{ windowsignremark }}</div>\r\n        <div class=\"cont canvasDiv\"\r\n             :class=\"windowsignremark && isShowWindowsignremark ? 'windowsignremark' : ''\"\r\n             :style=\"sign_for_horiz?'height: calc(100% - 3.533334rem);':''\">\r\n          <canvas v-if=\"vifCanVas\"\r\n                  style=\"background: #fff\"\r\n                  id=\"canvas\"\r\n                  ref=\"mycanvas\"\r\n                  @touchstart=\"onTouchStart\"\r\n                  @touchmove=\"onTouchMove\"\r\n                  @touchend=\"onTouchEnd\">Canvas画板</canvas>\r\n        </div>\r\n        <div class=\"signFooter\">\r\n          <div v-if=\"yxcx || !(defaultUrl && use_last_sign_pic && forbit_edit_last_sign)\"\r\n               class=\"button_can\"\r\n               style=\"color: red\"\r\n               @click=\"clear\">\r\n            {{ $t(\"signaturePad.spTxt3\") }}\r\n          </div>\r\n          <div v-if=\"showConfirmBtn\"\r\n               class=\"button_def\"\r\n               @click=\"save\">\r\n            {{ $t(\"signaturePad.spTxt4\") }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { Dialog, Toast,Notify } from \"vant\";\r\nexport default {\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    defaultUrl: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    // 是否启用上次签名\r\n    use_last_sign_pic: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    mustinput: {\r\n      // 是否必须签\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    // 上次签名是否可修改\r\n    forbit_edit_last_sign: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    // 文字描述\r\n    signremark: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    yxcx: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    isShowWindowsignremark: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    // 不显示确定按钮\r\n    showConfirmBtn: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    sign_for_horiz: {\r\n      // 是否采用横向签名模式\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      direction: \"vertical\", // 画板方向 vertical horizontal\r\n      colors: [\r\n        { color: \"black\", active: true },\r\n        { color: \"red\", active: false },\r\n        { color: \"blue\", active: false },\r\n      ], // 可选颜色\r\n      ctx: \"\", // canvas对象\r\n      stage_info: \"\", // mycanvas的大小及其相对于视口的位置\r\n      canvasWidth: \"\", // canvas宽度\r\n      canvasHeight: \"\", // canvas高度\r\n      huabuWidth: \"\",\r\n      huabuHeight: \"\",\r\n      lineColor: \"black\", // 线条的颜色\r\n      lineWidth: 2, // 线条宽度\r\n      url: \"\",\r\n      urlorg: \"\",\r\n      signData: {\r\n        // 提交签名需要的内容\r\n        lawCaseId: \"\",\r\n        litigantId: \"\",\r\n        lawyerId: \"\",\r\n        image: \"\",\r\n      },\r\n      saveLoading: false, // 保存按钮加载状态\r\n      windowsignremark: '',\r\n      vifCanVas: true\r\n    };\r\n  },\r\n  watch: {\r\n    show: {\r\n      handler (n) {\r\n        if (n)\r\n        {\r\n          this.windowsignremark = this.signremark ? this.signremark : window.signremark\r\n          setTimeout(() => {\r\n            this.writeName();\r\n            // 当考勤或工资签收 启用上次签名时\r\n            if (this.defaultUrl && this.use_last_sign_pic)\r\n            {\r\n              let mycanvas = this.$refs.mycanvas;\r\n              let ctx = mycanvas.getContext(\"2d\")\r\n              //创建一个image元素\r\n              let image = new Image();\r\n              image.setAttribute('crossOrigin', 'anonymous') //关键\r\n              //onload一下\r\n              image.onload = function () {\r\n                ctx.drawImage(image, 1, 1, mycanvas.width, mycanvas.height);\r\n              }\r\n              //用src设置图片的地址\r\n              image.src = this.defaultUrl + '?time=' + new Date().getTime()\r\n            }\r\n          }, 50);\r\n        }\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n  },\r\n  created () {\r\n    // 阻止默认微信系统字体大小的影响\r\n    if (\r\n      typeof WeixinJSBridge == \"object\" &&\r\n      typeof WeixinJSBridge.invoke == \"function\"\r\n    )\r\n    {\r\n      handleFontSize();\r\n    } else\r\n    {\r\n      if (document.addEventListener)\r\n      {\r\n        document.addEventListener(\"WeixinJSBridgeReady\", handleFontSize, false);\r\n      } else if (document.attachEvent)\r\n      {\r\n        document.attachEvent(\"WeixinJSBridgeReady\", handleFontSize);\r\n\r\n        document.attachEvent(\"onWeixinJSBridgeReady\", handleFontSize);\r\n      }\r\n    }\r\n\r\n    function handleFontSize () {\r\n      // 设置网页字体为默认大小\r\n      WeixinJSBridge.invoke(\"setFontSizeCallback\", {\r\n        fontSize: 0,\r\n      });\r\n      // 重写设置网页字体大小的事件\r\n      WeixinJSBridge.on(\"menu:setfont\", function () {\r\n        WeixinJSBridge.invoke(\"setFontSizeCallback\", {\r\n          fontSize: 0,\r\n        });\r\n      });\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    // 点击签名，初始化画板\r\n    writeName () {\r\n      this.url = \"\";\r\n      this.$nextTick(() => {\r\n        this.initCanvas();\r\n      });\r\n    },\r\n    /**\r\n     * 初始化画板，获取canvas节点对象，设置画板的宽高\r\n     * 不能在此方法中设置线条宽度样式，否则无效\r\n     */\r\n    initCanvas () {\r\n      // 获取到当前canvas节点的信息，包含宽，高，top，left等\r\n      var mycanvas = this.$refs.mycanvas; // 获取canvas元素\r\n      // this.huabuWidth = document.body.clientWidth * 0.92;\r\n      // this.huabuHeight = document.body.clientHeight * 0.5;\r\n      this.canvasWidth = mycanvas.clientWidth - 1; // 获取画板宽度\r\n      this.canvasHeight = mycanvas.clientHeight - 1; // 获取画板高度\r\n      // 设置canvas自适应的宽高到标签上（重要,canvas一定要遭标签上标识宽高，否则坐标获取不准确）\r\n      // console.log('clientWidth', this.canvasWidth)\r\n      // console.log('clientHeight', this.canvasHeight)\r\n      mycanvas.width = this.canvasWidth;\r\n      mycanvas.height = this.canvasHeight;\r\n\r\n      // canvas基础设置，线条设置\r\n      this.ctx = mycanvas.getContext(\"2d\");\r\n      // 获取mycanvas的大小及其相对于视口的位置\r\n      this.stage_info = mycanvas.getBoundingClientRect();\r\n      // console.log('stage_info', this.stage_info)\r\n      this.ctx.beginPath();\r\n\r\n      this.urlorg = this.$refs.mycanvas.toDataURL();\r\n    },\r\n    /**\r\n     * 绘制笔触\r\n     */\r\n    handleDraw (targetX, targetY) {\r\n      if (!this.yxcx && this.defaultUrl && this.use_last_sign_pic && this.forbit_edit_last_sign) return\r\n      // console.log(targetX, targetY)\r\n      this.ctx.lineTo(targetX, targetY); // 将笔触移到当前点击点\r\n      this.ctx.stroke();\r\n    },\r\n    /**\r\n     * 触摸开始\r\n     * 获取当前点击点的坐标\r\n     * 设置线条颜色，宽度，样式等\r\n     */\r\n    onTouchStart (e) {\r\n      const clientX = e.changedTouches[0].clientX\r\n      const clientY = e.changedTouches[0].clientY\r\n      const top = this.stage_info.top;\r\n      const left = this.stage_info.left;\r\n      const bottom = this.stage_info.bottom\r\n      const right = this.stage_info.right\r\n      let targetX = 0\r\n      let targetY = 0\r\n      // 当采用横向签名时重新计算坐标\r\n      if (this.sign_for_horiz)\r\n      {\r\n        targetX = clientY - top // 计算起始点X坐标\r\n        targetY = -(clientX - right) // 计算起始点Y坐标\r\n      } else\r\n      {\r\n        targetX = clientX - left  // 计算起始点X坐标\r\n        targetY = clientY - top // 计算起始点Y坐标\r\n      }\r\n      e.preventDefault();\r\n      this.ctx.beginPath();\r\n      this.ctx.strokeStyle = this.lineColor; // 设置线条颜色\r\n      this.ctx.lineWidth = this.lineWidth; // 设置线条的宽度\r\n      this.ctx.lineCap = \"round\"; // 设置线条的端点的样式，设为圆弧形\r\n      this.ctx.lineJoin = \"round\"; // 设置线条的连接点的样式，设为弧形\r\n      this.handleDraw(targetX, targetY);\r\n    },\r\n    /**\r\n     * 触摸过程中\r\n     * 获取并计算当前点击点的坐标，绘制线条\r\n     */\r\n    onTouchMove (e) {\r\n      const clientX = e.changedTouches[0].clientX\r\n      const clientY = e.changedTouches[0].clientY\r\n      const top = this.stage_info.top;\r\n      const left = this.stage_info.left;\r\n      const bottom = this.stage_info.bottom\r\n      const right = this.stage_info.right\r\n      let targetX = 0\r\n      let targetY = 0\r\n      // 当采用横向签名时重新计算坐标\r\n      if (this.sign_for_horiz)\r\n      {\r\n        targetX = clientY - top // 计算起始点X坐标\r\n        targetY = -(clientX - right) // 计算起始点Y坐标\r\n      } else\r\n      {\r\n        targetX = clientX - left  // 计算起始点X坐标\r\n        targetY = clientY - top // 计算起始点Y坐标\r\n      }\r\n      e.preventDefault();\r\n      this.handleDraw(targetX, targetY);\r\n    },\r\n    /**\r\n     * 触摸结束\r\n     */\r\n    onTouchEnd (e) {\r\n      e.preventDefault();\r\n    },\r\n    /**\r\n     * 颜色模块点击事件，切换点击的颜色状态\r\n     */\r\n    clickColorItem (e) {\r\n      this.colors.forEach((item) => {\r\n        item.active = false;\r\n      });\r\n      e.active = true;\r\n      this.lineColor = e.color; // 设置当前笔触颜色\r\n    },\r\n    /**\r\n     * 重写按钮点击事件，清空画板内容\r\n     */\r\n    clear () {\r\n      // 清空图片\r\n      this.url = \"\";\r\n      // 清空画板\r\n      this.ctx.clearRect(0, 0, this.canvasWidth, this.canvasHeight);\r\n      // 重新设置canvas画板节点对象，否则绘画会出问题,这里异步操作，否则绘画有误\r\n      this.$nextTick(() => {\r\n        this.initCanvas();\r\n      });\r\n    },\r\n    // 保存签名\r\n    save () {\r\n      this.url = this.$refs.mycanvas.toDataURL()\r\n      //与空白画布比较\r\n      let blank = document.createElement('canvas');\r\n      blank.width = this.$refs.mycanvas.width;\r\n      blank.height = this.$refs.mycanvas.height;\r\n      if (this.mustinput && this.url == blank.toDataURL())\r\n      {\r\n        Toast.fail('请先完成签名！')\r\n        return\r\n      }\r\n      Dialog.confirm({\r\n        title: this.$t(\"signaturePad.spTxt5\"),\r\n        message: this.$t(\"signaturePad.spTxt6\"),\r\n      }).then(() => {\r\n        this.submitText();\r\n      }).catch(() => {\r\n        // on cancel\r\n      });\r\n    },\r\n    closeSpad () {\r\n      // this.show = false;\r\n      this.$emit(\"closeSpad\", false);\r\n    },\r\n    // 提交签名图片\r\n    submitText () {\r\n      try\r\n      {\r\n        this.url = this.$refs.mycanvas.toDataURL();\r\n        if(this.url!=this.urlorg){\r\n        \r\n        if (this.url != \"\")\r\n        {\r\n          // 追加base64签名图片,转换角度(横屏不需要旋转图片角度)\r\n          this.rotateBase64Img(this.url, this.direction == 360, (base64data) => {\r\n            this.signData.image = base64data;\r\n            this.$emit(\"getSpad\", base64data);\r\n            // console.log(base64data)\r\n            // this.$dialog.loading.open('正在提交签名...');\r\n            // this.saveLoading = true\r\n            // getSignature(this.signData).then(res => {\r\n            //   // this.$dialog.loading.close();//关闭加载提示\r\n            //   this.saveLoading = false\r\n            //   if (res.data.state == 100) {\r\n            //     this.$dialog.toast({\r\n            //       mes: '提交成功',\r\n            //       icon: 'success',\r\n            //       timeout: 1500\r\n            //     })\r\n            //     this.$router.push({\r\n            //       name: 'handDrawSuccess'\r\n            //     })\r\n            //   } else {\r\n            //     this.$dialog.toast({\r\n            //       mes: '提交失败，' + res.data.message,\r\n            //       timeout: 1500\r\n            //     })\r\n            //   }\r\n            // })\r\n          });\r\n        } else\r\n        {\r\n          this.$emit(\"getSpad\", '');\r\n        }\r\n        }else{\r\n          Notify({\r\n              type: 'danger',\r\n              message: '请签名！'\r\n            })\r\n            return\r\n        }\r\n      } catch (error)\r\n      {\r\n        console.log('画布污染error--', error);\r\n      }\r\n    },\r\n    // 旋转base64图片\r\n    rotateBase64Img (src, edg, callback) {\r\n      // 旋转base64图片\r\n      var canvas = document.createElement(\"canvas\");\r\n      var ctx = canvas.getContext(\"2d\");\r\n\r\n      var imgW; // 图片宽度\r\n      var imgH; // 图片高度\r\n      var size; // canvas初始大小\r\n      if (edg % 90 != 0)\r\n      {\r\n        console.error(\"旋转角度必须是90的倍数!\");\r\n        throw \"旋转角度必须是90的倍数!\";\r\n      }\r\n      edg < 0 && (edg = (edg % 360) + 360);\r\n      const quadrant = (edg / 90) % 4; // 旋转象限\r\n      const cutCoor = { sx: 0, sy: 0, ex: 0, ey: 0 }; // 裁剪坐标\r\n      var image = new Image();\r\n      image.crossOrigin = \"anonymous\";\r\n      image.src = src;\r\n      image.onload = function () {\r\n        imgW = image.width;\r\n        imgH = image.height;\r\n        size = imgW > imgH ? imgW : imgH;\r\n        canvas.width = size * 2;\r\n        canvas.height = size * 2;\r\n        switch (quadrant)\r\n        {\r\n          case 0:\r\n            cutCoor.sx = size;\r\n            cutCoor.sy = size;\r\n            cutCoor.ex = size + imgW;\r\n            cutCoor.ey = size + imgH;\r\n            break;\r\n          case 1:\r\n            cutCoor.sx = size - imgH;\r\n            cutCoor.sy = size;\r\n            cutCoor.ex = size;\r\n            cutCoor.ey = size + imgW;\r\n            break;\r\n          case 2:\r\n            cutCoor.sx = size - imgW;\r\n            cutCoor.sy = size - imgH;\r\n            cutCoor.ex = size;\r\n            cutCoor.ey = size;\r\n            break;\r\n          case 3:\r\n            cutCoor.sx = size;\r\n            cutCoor.sy = size - imgW;\r\n            cutCoor.ex = size + imgH;\r\n            cutCoor.ey = size + imgW;\r\n            break;\r\n        }\r\n        ctx.translate(size, size);\r\n        ctx.rotate((edg * Math.PI) / 180);\r\n        ctx.drawImage(image, 0, 0);\r\n        ctx.fillStyle = \"#fff\";\r\n        var imgData = ctx.getImageData(\r\n          cutCoor.sx,\r\n          cutCoor.sy,\r\n          cutCoor.ex,\r\n          cutCoor.ey\r\n        );\r\n        if (quadrant % 2 == 0)\r\n        {\r\n          canvas.width = imgW;\r\n          canvas.height = imgH;\r\n        } else\r\n        {\r\n          canvas.width = imgH;\r\n          canvas.height = imgW;\r\n        }\r\n        ctx.putImageData(imgData, 0, 0);\r\n        callback(canvas.toDataURL());\r\n      };\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n\r\n<style lang=\"less\" scoped>\r\nbody {\r\n  -webkit-text-size-adjust: 100% !important;\r\n  text-size-adjust: 100% !important;\r\n  -moz-text-size-adjust: 100% !important;\r\n}\r\n\r\n.cont {\r\n  /* display: inline-block; */\r\n  /* vertical-align: middle; */\r\n}\r\n\r\n.cont p {\r\n  transform: rotate(90deg);\r\n  -moz-transform: rotate(90deg);\r\n  -webkit-transform: rotate(90deg);\r\n}\r\n\r\n.buttonDiv {\r\n  width: 15%;\r\n}\r\n\r\n.buttonDiv2 {\r\n  height: 15%;\r\n  -moz-transform: rotate(180deg);\r\n  -webkit-transform: rotate(180deg);\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.commoBtn button {\r\n  transform: rotate(90deg);\r\n  -moz-transform: rotate(90deg);\r\n  -webkit-transform: rotate(90deg);\r\n  margin: 20px 0px;\r\n}\r\n\r\n.commoBtn2 button {\r\n  display: inline-block;\r\n  margin: 10px;\r\n}\r\n\r\n.canvasContainer {\r\n  width: 96%;\r\n  // height: 65%;\r\n  background: #fff;\r\n  border-radius: 16px;\r\n}\r\n\r\n.canvasContainer .signTitle {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  font-size: 28px;\r\n  color: #666;\r\n  height: 60px;\r\n  padding-left: 3%;\r\n  padding-right: 4%;\r\n}\r\n\r\n.canvasContainer .signFooter {\r\n  height: 90px;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: nowrap;\r\n  justify-content: center;\r\n  border-top: 1px solid #ccc;\r\n  margin-top: 20px;\r\n\r\n  .button_can {\r\n    width: 50%;\r\n    text-align: center;\r\n    color: #999;\r\n    font-size: 28px;\r\n    height: 100%;\r\n    line-height: 90px;\r\n  }\r\n\r\n  .button_def {\r\n    width: 50%;\r\n    text-align: center;\r\n    border-left: 1px solid #ccc;\r\n    font-size: 28px;\r\n    color: #2b8df0;\r\n    height: 100%;\r\n    line-height: 90px;\r\n  }\r\n}\r\n\r\n.canvasDiv {\r\n  width: 92% !important;\r\n  height: 600px;\r\n  position: relative;\r\n  margin: 0 auto;\r\n  display: block !important;\r\n}\r\n\r\n.canvasDiv.windowsignremark {\r\n  height: 650px;\r\n}\r\n\r\n.signExplain {\r\n  width: 100%;\r\n  margin-bottom: 20px;\r\n  word-break: break-all;\r\n  color: #333;\r\n  font-size: 24px;\r\n  padding-left: 3%;\r\n  padding-right: 4%;\r\n  color: blue;\r\n  text-align: justify;\r\n}\r\n\r\n.canvasDiv2 {\r\n  height: 70%;\r\n  width: 100%;\r\n  position: relative;\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.signLabelDiv {\r\n  width: 12%;\r\n  font-size: 0.3rem;\r\n}\r\n\r\n.signLabelDiv2 {\r\n  height: 12%;\r\n  font-size: 0.3rem;\r\n  transform: rotate(90deg);\r\n  margin-left: -4.5%;\r\n}\r\n\r\nh1,\r\nh2 {\r\n  font-weight: normal;\r\n}\r\n\r\nul {\r\n  list-style-type: none;\r\n\r\n  padding: 0;\r\n}\r\n\r\nli {\r\n  display: inline-block;\r\n\r\n  margin: 0 10px;\r\n}\r\n\r\na {\r\n  color: #42b983;\r\n}\r\n\r\n#canvas {\r\n  background: #fff;\r\n  cursor: default;\r\n  border: 1px dashed rgb(204, 204, 204);\r\n  /* 判断方向旋转辅助线 */\r\n  /* border-bottom: 1px solid red; */\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.mydraw {\r\n  height: 100%;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.mydraw2 {\r\n  height: 100%;\r\n  width: 100%;\r\n  transform: rotate(180deg);\r\n  -moz-transform: rotate(180deg);\r\n  -webkit-transform: rotate(180deg);\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=e0979342&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=e0979342&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e0979342\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"salarySiginPassword\"},[_c('van-nav-bar',{attrs:{\"title\":_vm.title,\"left-text\":\"\",\"left-arrow\":\"\",\"fixed\":true},on:{\"click-left\":_vm.onClickLeft,\"click-right\":_vm.onClickRight}}),_c('div',{staticClass:\"fixedH\",staticStyle:{\"height\":\"1.22667rem\"}}),_c('div',{staticClass:\"content\"},[_c('ul',{staticClass:\"content_ul\",staticStyle:{\"margin-top\":\"25px\"}},_vm._l((_vm.data),function(value,key){return _c('li',{key:key,on:{\"click\":function($event){return _vm.visitDetails(value, key)}}},[_c('div',{staticClass:\"line\"}),_c('div',{staticClass:\"mingxi\"},[_c('div',{staticClass:\"dnbi_wai\"},[_c('div',{staticClass:\"dnbi_nei\"},[_c('div',{staticClass:\"xuhao_box\"},[_c('div',{staticClass:\"xuhao_num\"},[_vm._v(_vm._s(value.sbtype))])]),_c('div',{staticClass:\"dijibi\"},[_vm._v(_vm._s(value.china))])])]),_c('div',{staticClass:\"num_box\"},[_vm._v(\" \"+_vm._s(_vm.$t('salarySiginList.sslTxt4'))+_vm._s(value.totalmoney)+\" \"),_c('span',[_vm._v(_vm._s(value.m_pay_type))]),_c('p',[_vm._v(_vm._s(value.remark))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(value.is_wxsign),expression:\"value.is_wxsign\"}],staticClass:\"img_box\",staticStyle:{\"display\":\"none\"}},[_c('div',{staticClass:\"svg_sigin\"},[_c('svg-icon',{attrs:{\"icon-class\":\"zu820\"}})],1)])])])}),0),_c('van-overlay',{attrs:{\"show\":_vm.show},on:{\"click\":function($event){_vm.show = false}}},[_c('div',{staticClass:\"wrapper\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},on:{\"click\":function($event){$event.stopPropagation();}}},[_c('signaturePad',{attrs:{\"show\":_vm.show},on:{\"getSpad\":_vm.getSpad,\"closeSpad\":_vm.closeSpad}})],1)])],1),_c('div',{staticClass:\"footerBox\"},[(!_vm.isreturn && _vm.$t('salaryMonth.smTxt1'))?_c('div',{staticClass:\"allSiginButton\",on:{\"click\":function($event){_vm.show = true}}},[_vm._v(\" \"+_vm._s(_vm.$t('salaryMonth.smTxt1'))+\" \")]):_vm._e(),(_vm.isreturn)?_c('div',{staticClass:\"allSiginButton\",on:{\"click\":_vm.onClickLeft}},[_vm._v(\" \"+_vm._s(_vm.$t('salaryMonth.smTxt2'))+\" \")]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"salarySiginPassword\">\r\n    <van-nav-bar :title=\"title\"\r\n                 left-text\r\n                 left-arrow\r\n                 @click-left=\"onClickLeft\"\r\n                 @click-right=\"onClickRight\"\r\n                 :fixed=\"true\" />\r\n    <div class=\"fixedH\"\r\n         style=\"height: 1.22667rem;\"></div>\r\n    <div class=\"content\">\r\n      <ul class=\"content_ul\"\r\n          style=\"margin-top:25px;\">\r\n        <li @click=\"visitDetails(value, key)\"\r\n            v-for=\"(value, key) in data\"\r\n            :key=\"key\">\r\n          <div class=\"line\"></div>\r\n          <div class=\"mingxi\">\r\n            <div class=\"dnbi_wai\">\r\n              <div class=\"dnbi_nei\">\r\n                <div class=\"xuhao_box\">\r\n                  <div class=\"xuhao_num\">{{ value.sbtype }}</div>\r\n                </div>\r\n                <div class=\"dijibi\">{{ value.china }}</div>\r\n              </div>\r\n            </div>\r\n            <div class=\"num_box\">\r\n              {{ $t('salarySiginList.sslTxt4') }}{{ value.totalmoney }}\r\n              <span>{{ value.m_pay_type }}</span>\r\n              <p>{{ value.remark }}</p>\r\n            </div>\r\n            <div class=\"img_box\"\r\n                 style=\"display:none;\"\r\n                 v-show=\"value.is_wxsign\">\r\n              <div class=\"svg_sigin\">\r\n                <svg-icon icon-class=\"zu820\"></svg-icon>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n      <!-- <div class=\"userSignBox\">\r\n                <div class=\"signTitle\">\r\n                    <span>已签名</span>  \r\n                </div>\r\n                <div class=\"imgBox\"></div>\r\n            </div> -->\r\n      <van-overlay :show=\"show\"\r\n                   @click=\"show = false\">\r\n        <div style=\"width:100%;height:100%;\"\r\n             class=\"wrapper\"\r\n             @click.stop>\r\n          <signaturePad @getSpad=\"getSpad\"\r\n                        @closeSpad=\"closeSpad\"\r\n                        :show=\"show\"></signaturePad>\r\n        </div>\r\n      </van-overlay>\r\n    </div>\r\n    <div class=\"footerBox\">\r\n      <div class=\"allSiginButton\"\r\n           @click=\"show = true\"\r\n           v-if=\"!isreturn && $t('salaryMonth.smTxt1')\">\r\n        {{ $t('salaryMonth.smTxt1') }}\r\n      </div>\r\n      <div class=\"allSiginButton\"\r\n           @click=\"onClickLeft\"\r\n           v-if=\"isreturn\">\r\n        {{ $t('salaryMonth.smTxt2') }}\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nconst userInfo = localStorage.userInfo ? JSON.parse(localStorage.userInfo) : {}\r\nimport { Dialog, Toast } from 'vant'\r\nimport signaturePad from '@components/signaturePad'\r\nimport {\r\n  getEmpMonthSalaryMaster,\r\n  signMonthSalaryAll,\r\n  signMonthSalaryAllRawJson\r\n} from '@api/wx.js'\r\nexport default {\r\n  data () {\r\n    let firstchangepwd = this.$route.query.firstchangepwd\r\n    let isfirstlogin = this.$route.query.isfirstlogin\r\n    let nosign = this.$route.query.nosign\r\n    let use_pay_feedback = this.$route.query.use_pay_feedback\r\n    let autoid = this.$route.query.autoid || 0\r\n    return {\r\n      autoid,\r\n      use_pay_feedback,\r\n      firstchangepwd,\r\n      isfirstlogin,\r\n      nosign,\r\n      userInfo,\r\n      show: false,\r\n      yymm: '',\r\n      title: '',\r\n      data: [],\r\n      baseurl: '',\r\n      isreturn: true\r\n    }\r\n  },\r\n  components: {\r\n    signaturePad\r\n  },\r\n  watch: {},\r\n  created () {\r\n    this.yymm = this.$route.query.yymm\r\n    this.title = this.$route.query.china\r\n    this.getData(this.yymm)\r\n  },\r\n  methods: {\r\n    onClickLeft () {\r\n      // this.$router.push(\"/salarySiginList\");\r\n      this.$router.push({\r\n        path: '/salarySiginList',\r\n        query: {\r\n          moduleno: this.$route.query.moduleno,\r\n          firstchangepwd: this.firstchangepwd,\r\n          isfirstlogin: this.isfirstlogin,\r\n          nosign: this.nosign,\r\n          use_pay_feedback: this.use_pay_feedback\r\n        }\r\n      })\r\n    },\r\n    onClickRight () { },\r\n    onSearch () { },\r\n    closeSpad () {\r\n      this.show = false\r\n    },\r\n    visitDetails (value, key) {\r\n      this.$router.push({\r\n        path: '/salaryDetails',\r\n        query: {\r\n          moduleno: this.$route.query.moduleno,\r\n          use_pay_feedback: this.use_pay_feedback,\r\n          isOnlyOne: false,\r\n          autoid: value.autoid,\r\n          yymm: this.$route.query.yymm,\r\n          china: this.$route.query.china,\r\n          num: value.china,\r\n          pay_month_title: value.pay_month_title,\r\n          firstchangepwd: this.firstchangepwd,\r\n          isfirstlogin: this.isfirstlogin,\r\n          nosign: this.nosign\r\n        }\r\n      })\r\n    },\r\n    getData (yymm) {\r\n      getEmpMonthSalaryMaster({\r\n        empid: this.userInfo.empid,\r\n        yymm: yymm,\r\n        autoid: this.autoid\r\n      }).then(res => {\r\n        let data = res.data\r\n        for (let i = 0; i < data.length; i++)\r\n        {\r\n          if (data[i].sbtype == 1)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt3')\r\n          } else if (data[i].sbtype == 2)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt4')\r\n          } else if (data[i].sbtype == 3)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt5')\r\n          } else if (data[i].sbtype == 4)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt6')\r\n          } else if (data[i].sbtype == 5)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt7')\r\n          } else if (data[i].sbtype == 6)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt8')\r\n          } else if (data[i].sbtype == 7)\r\n          {\r\n            data[i].china = this.$t('salaryMonth.smTxt9')\r\n          }\r\n          if (!data[i].is_wxsign)\r\n          {\r\n            this.isreturn = false\r\n          }\r\n        }\r\n        this.data = data\r\n        // if (data.length == 1)        {\r\n        //   this.$router.push({ path: \"/salaryDetails\", query: { use_pay_feedback: this.use_pay_feedback, isOnlyOne: true, autoid: data[0].autoid, yymm: this.$route.query.yymm, china: this.$route.query.china, num: data[0].china, firstchangepwd: this.firstchangepwd, isfirstlogin: this.isfirstlogin, nosign: this.nosign } });\r\n        // }\r\n      })\r\n    },\r\n    getSpad (url) {\r\n      signMonthSalaryAllRawJson({\r\n        // signMonthSalaryAll({\r\n        moduleno: this.$route.query.moduleno ? this.$route.query.moduleno : 730,\r\n        empid: this.userInfo.empid,\r\n        yymm: this.yymm,\r\n        username: this.userInfo.username,\r\n        filebase64str: url\r\n      }).then(res => {\r\n        console.log(res)\r\n        if (res.iserror == 0)\r\n        {\r\n          Toast(this.$t('salaryMonth.smTxt10'))\r\n          this.show = false\r\n          this.getData(this.yymm)\r\n          this.isreturn = true\r\n        }\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"less\" scoped>\r\n.salarySiginPassword {\r\n  height: 100%;\r\n  .van-nav-bar {\r\n    background: #2b8df0;\r\n\r\n    /deep/ .van-nav-bar__left {\r\n      .van-icon {\r\n        color: #fff;\r\n      }\r\n    }\r\n    /deep/.van-nav-bar__title {\r\n      color: #fff;\r\n      font-size: 36px;\r\n      font-family: Source Han Sans CN;\r\n    }\r\n  }\r\n  .footerBox {\r\n    height: 132px;\r\n    width: 100%;\r\n    background: #fff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    .allSiginButton {\r\n      width: 60%;\r\n      height: 90px;\r\n      text-align: center;\r\n      line-height: 90px;\r\n      background: #2b8df0;\r\n      color: #fff;\r\n      font-size: 36px;\r\n      border-radius: 12px;\r\n    }\r\n  }\r\n  .content {\r\n    width: 100%;\r\n    height: calc(100% - 224px);\r\n    overflow: auto;\r\n    .content_ul {\r\n      width: 100%;\r\n      li {\r\n        margin-top: 25px;\r\n        background: #fff;\r\n        position: relative;\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        width: 100%;\r\n        height: 162px;\r\n        align-items: center;\r\n        .line {\r\n          min-width: 6px;\r\n          height: 100%;\r\n          background: #2b8df0;\r\n        }\r\n        .mingxi {\r\n          width: 100%;\r\n          background: #fff;\r\n          height: 100px;\r\n          display: flex;\r\n          flex-wrap: nowrap;\r\n          .num_box {\r\n            width: 100%;\r\n            height: 100%;\r\n            padding-top: 34px;\r\n            font-weight: bold;\r\n            font-size: 32px;\r\n            padding-left: 56px;\r\n            line-height: 15px;\r\n            span {\r\n              color: red;\r\n            }\r\n            p {\r\n              color: rgb(160, 160, 160);\r\n              font-size: 20px;\r\n            }\r\n          }\r\n          .img_box {\r\n            min-width: 167px;\r\n            height: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            .svg_sigin {\r\n              width: 100px;\r\n              height: 100px;\r\n              .svg-icon {\r\n                width: 100%;\r\n                height: 100%;\r\n              }\r\n            }\r\n          }\r\n          .dnbi_wai {\r\n            width: 207px;\r\n            min-width: 207px;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-right: 2px solid #cccccc;\r\n          }\r\n          .xuhao_box {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 5px;\r\n          }\r\n          .xuhao_num {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 44px;\r\n            border: 2px solid #2b8df0;\r\n            text-align: center;\r\n            line-height: 44px;\r\n            font-weight: bold;\r\n            color: #2b8df0;\r\n            font-size: 20px;\r\n          }\r\n          .dijibi {\r\n            font-size: 32px;\r\n            width: 100%;\r\n            text-align: center;\r\n            font-weight: bold;\r\n          }\r\n        }\r\n      }\r\n    }\r\n    .userSignBox {\r\n      width: 100%;\r\n      background: #fff;\r\n      margin-top: 20px;\r\n      .signTitle {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        font-size: 28px;\r\n        color: #666;\r\n        height: 60px;\r\n        padding-left: 3%;\r\n        padding-right: 4%;\r\n      }\r\n      .imgBox {\r\n        width: 100%;\r\n        height: 100px;\r\n        background: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./month.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./month.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./month.vue?vue&type=template&id=fd58ea4a&scoped=true&\"\nimport script from \"./month.vue?vue&type=script&lang=js&\"\nexport * from \"./month.vue?vue&type=script&lang=js&\"\nimport style0 from \"./month.vue?vue&type=style&index=0&id=fd58ea4a&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd58ea4a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}