{"version":3,"sources":["webpack:///./src/pages/PackViewPage.vue?d95d","webpack:///./src/pages/PackViewPage.vue?7e7f","webpack:///src/pages/PackViewPage.vue","webpack:///./src/pages/PackViewPage.vue?4bf0","webpack:///./src/pages/PackViewPage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","$store","state","userInfo","hostClientType","on","GoBack","_v","_s","$t","_e","downloadSource","download","IframeURL","domProps","access_token","access_token_ttl","staticRenderFns","props","inputAllowDele","type","Boolean","default","inputDestroy","pdf","data","fontsize","inputText1","inputText2","tmingd","maskDiv","src","pdfUrl","gap_time","beforeUnload_time","FileId","parseInt","$route","query","fileId","version","v","ext","userid","downloadUrl","created","console","log","onGetPreview","mounted","methods","Monitor","childList","attributes","characterData","subtree","attributeOldValue","characterDataOldValue","observer","observe","body","options","callback","mutations","target","id","removeMaskDiv","attributeName","init","$router","go","document","removeChild","createMaskDiv","destroy","canvas","width","height","createElement","ctx","font","fillStyle","rotate","fillText","style","position","zIndex","top","left","pointerEvents","backgroundImage","appendChild","$isPer","unloadFn","Date","getTime","beforeunloadFn","openFullScreen","lock","text","spinner","background","loading","closeFullScreen","setTimeout","close","getElementById","submit","component"],"mappings":"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","file":"js/chunk-a551fa1e.0613fb37.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PackViewPage.vue?vue&type=style&index=0&id=626fd926&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PackViewPage.vue?vue&type=style&index=0&id=626fd926&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('section',{staticClass:\"content\"},[_c('div',{staticClass:\"pdf-hide\",staticStyle:{\"display\":\"none\",\"position\":\"fixed\",\"z-index\":\"99\",\"background\":\"#F5F7FA\",\"height\":\"86px\",\"width\":\"100%\"},attrs:{\"id\":\"sy\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"height\":\"86px\"},attrs:{\"id\":\"opd\"}},[_c('div',{staticClass:\"fname\",staticStyle:{\"margin\":\"9px\",\"margin-left\":\"40px\",\"flex\":\"1\"}}),(_vm.$store.state.userInfo.hostClientType!='web')?_c('a',{staticClass:\"add_Lable\",staticStyle:{\"margin\":\"9px\",\"margin-left\":\"40px\"}},[_c('span',{on:{\"click\":_vm.GoBack}},[_vm._v(_vm._s(_vm.$t('btn.return')))])]):_vm._e(),_c('a',{staticClass:\"add_Lable\",staticStyle:{\"margin\":\"9px\",\"margin-left\":\"40px\"}},[_c('span',{on:{\"click\":_vm.downloadSource}},[_vm._v(_vm._s(_vm.$t('btn.filedown')))])]),_c('a',{staticClass:\"add_Lable\",staticStyle:{\"margin\":\"9px\",\"margin-left\":\"40px\"}},[_c('span',{on:{\"click\":_vm.download}},[_vm._v(\"PDF \"+_vm._s(_vm.$t('btn.down')))])])])]),_c('iframe',{attrs:{\"id\":\"iframeContain\",\"name\":\"iframeContain\",\"scrolling\":\"yes\"}}),_c('form',{staticStyle:{\"display\":\"none\"},attrs:{\"id\":\"office_form\",\"name\":\"office_form\",\"target\":\"iframeContain\",\"action\":this.IframeURL,\"method\":\"post\"}},[_c('input',{attrs:{\"name\":\"access_token\",\"id\":\"access_token\",\"type\":\"hidden\"},domProps:{\"value\":this.access_token}}),_c('input',{attrs:{\"name\":\"access_token_ttl\",\"id\":\"access_token_ttl\",\"type\":\"hidden\"},domProps:{\"value\":this.access_token_ttl}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container\">\r\n    <section class=\"content\">\r\n      \r\n      <div\r\n        id=\"sy\"\r\n        class=\"pdf-hide\"\r\n        style=\"display:none; position: fixed;z-index:99;background:#F5F7FA;height:86px;width:100%;\"\r\n      >\r\n        <div id=\"opd\" style=\"display:flex;align-items: center; height: 86px;\">\r\n          <div style=\"margin:9px;margin-left:40px;flex:1;\" class=\"fname\"></div>\r\n          <a class=\"add_Lable\" style=\"margin:9px;margin-left:40px;\" v-if=\"$store.state.userInfo.hostClientType!='web'\">\r\n            <span @click=\"GoBack\">{{$t('btn.return')}}</span>\r\n          </a>\r\n          <a class=\"add_Lable\" style=\"margin:9px;margin-left:40px;\">\r\n            <span @click=\"downloadSource\">{{$t('btn.filedown')}}</span>\r\n          </a>\r\n          <a class=\"add_Lable\" style=\"margin:9px;margin-left:40px;\">\r\n            <span @click=\"download\">PDF {{$t('btn.down')}}</span>\r\n          </a>\r\n        </div>\r\n      </div>\r\n       <iframe id=\"iframeContain\" name=\"iframeContain\" scrolling=\"yes\"></iframe>\r\n      <form\r\n        id=\"office_form\"\r\n        name=\"office_form\"\r\n        target=\"iframeContain\"\r\n        :action=\"this.IframeURL\"\r\n        method=\"post\"\r\n        style=\"display: none\"\r\n      >\r\n        <input name=\"access_token\" id=\"access_token\" :value=\"this.access_token\" type=\"hidden\" />\r\n        <input\r\n          name=\"access_token_ttl\"\r\n          id=\"access_token_ttl\"\r\n          :value=\"this.access_token_ttl\"\r\n          type=\"hidden\"\r\n        />\r\n      </form>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { http, url } from \"@/lib\";\r\nimport { fileHost } from \"@/lib/common\";\r\nimport $ from \"jquery\";\r\nimport pdf from \"vue-pdf\";\r\nexport default {\r\n  props: {\r\n    \r\n    // 是否允许通过js或开发者工具等途径修改水印DOM节点（水印的id，attribute属性，节点的删除）\r\n    // true为允许，默认不允许\r\n    inputAllowDele: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    // 是否在组件销毁时去除水印节点（前提是允许用户修改DOM，否则去除后会再次自动生成）\r\n    // true会，默认不会\r\n    inputDestroy: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n   components: {\r\n    pdf\r\n  },\r\n  data() {\r\n    return {\r\n      fontsize: 18,\r\n      inputText1:\"\",\r\n      inputText2:\"\",\r\n      tmingd: 0.3,\r\n      maskDiv: {},\r\n      IframeURL: \"\",\r\n      src:\"\",\r\n      pdfUrl: \"\",\r\n       numPages: 0,\r\n      gap_time: 0,\r\n      beforeUnload_time: 0,\r\n      FileId: parseInt(this.$route.query.fileId),\r\n      version: this.$route.query.v,\r\n      ext: this.$route.query.ext,\r\n      access_token: \"\",\r\n      access_token_ttl: 0,\r\n      userid: \"\",\r\n      downloadUrl:\"\",\r\n    };\r\n  },\r\n  created() {\r\n    console.log(\"2222\");\r\n    //页面初始化\r\n    this.onGetPreview();\r\n  },\r\n  mounted() {},\r\n\r\n  methods: {\r\n    Monitor() {\r\n      let body = document.getElementsByTagName(\"body\")[0];\r\n      let options = {\r\n        childList: true,\r\n        attributes: true,\r\n        characterData: true,\r\n        subtree: true,\r\n        attributeOldValue: true,\r\n        characterDataOldValue: true\r\n      };\r\n      let observer = new MutationObserver(this.callback);\r\n      observer.observe(body, options); // 监听body节点\r\n    },\r\n    // DOM改变执行callback\r\n    callback(mutations, observer) {\r\n      console.log(observer);\r\n      // 当attribute属性被修改\r\n      if (mutations[0].target.id === \"_waterMark\") {\r\n        this.removeMaskDiv();\r\n      }\r\n      // 当id被改变时\r\n      if (mutations[0].attributeName === \"id\") {\r\n        this.removeMaskDiv();\r\n        this.init();\r\n      }\r\n    },\r\n    GoBack()\r\n    {\r\n      this.removeMaskDiv();\r\n      this.$router.go(-1);\r\n    },\r\n    /* public */\r\n    // 手动销毁水印DOM\r\n    removeMaskDiv() {\r\n      document.body.removeChild(this.maskDiv);\r\n    },\r\n    // 手动生成水印\r\n    createMaskDiv() {\r\n      this.init();\r\n    },\r\n    destroy() {\r\n      // 组件销毁时去除生成在body节点下的水印节点\r\n      if (this.inputDestroy) {\r\n        this.removeMaskDiv();\r\n      }\r\n    },\r\n    // 生成水印DOM节点\r\n    init() {\r\n      let canvas = document.createElement(\"canvas\");\r\n      canvas.id = \"canvas\";\r\n      canvas.width = \"320\"; // 单个水印的宽高\r\n      canvas.height = \"150\";\r\n      this.maskDiv = document.createElement(\"div\");\r\n      let ctx = canvas.getContext(\"2d\");\r\n      ctx.font = \"normal \" + this.fontsize + \"px Microsoft Yahei\"; // 设置样式\r\n      ctx.fillStyle = \"rgba(135, 206, 250, \" + this.tmingd + \")\"; // 水印字体颜色\r\n      ctx.rotate((-30 * Math.PI) / 180); // 水印偏转角度\r\n      ctx.fillText(this.inputText1, 10, 150);\r\n      ctx.fillText(this.inputText2, 10, 170);\r\n      let src = canvas.toDataURL(\"image/png\");\r\n      this.maskDiv.style.position = \"fixed\";\r\n      this.maskDiv.style.zIndex = \"9\";\r\n      this.maskDiv.id = \"_waterMark\";\r\n      this.maskDiv.style.top = \"30px\";\r\n      this.maskDiv.style.left = \"0\";\r\n      this.maskDiv.style.height = \"100%\";\r\n      this.maskDiv.style.width = \"100%\";\r\n      this.maskDiv.style.pointerEvents = \"none\";\r\n      this.maskDiv.style.backgroundImage = \"URL(\" + src + \")\";\r\n      // 水印节点插到body下\r\n      document.body.appendChild(this.maskDiv);\r\n    },\r\n    downloadSource() {\r\n      if (this.$isPer(101)) return;\r\n       http\r\n        .post(url.previewFile, {\r\n          FileId: this.FileId,\r\n          Version: this.version\r\n        })\r\n        .then(res => {\r\n          var tempForm = document.createElement(\"form\"); //创建form表单，以下数form表单的各种参数\r\n          tempForm.id = \"tempForm1\";\r\n          tempForm.method = \"post\";\r\n          tempForm.action = url.downFile;\r\n          //tempForm.target = \"_\";\r\n          var hideInput1 = document.createElement(\"input\");\r\n          hideInput1.setAttribute(\"type\", \"hidden\");\r\n          hideInput1.setAttribute(\"name\", \"FileId\");\r\n          hideInput1.setAttribute(\"id\", \"FileId\");\r\n          hideInput1.setAttribute(\"value\", this.FileId);\r\n          tempForm.appendChild(hideInput1);\r\n          var hideInput2 = document.createElement(\"input\");\r\n          hideInput2.setAttribute(\"type\", \"hidden\");\r\n          hideInput2.setAttribute(\"name\", \"waterUrl\");\r\n          hideInput2.setAttribute(\"id\", \"waterUrl\");\r\n          hideInput2.setAttribute(\"value\", res.data.data.FullPath);\r\n          tempForm.appendChild(hideInput2);\r\n          var hideInput3 = document.createElement(\"input\");\r\n          hideInput3.setAttribute(\"type\", \"hidden\");\r\n          hideInput3.setAttribute(\"name\", \"userId\");\r\n          hideInput3.setAttribute(\"id\", \"userId\");\r\n          hideInput3.setAttribute(\"value\", this.$store.state.userInfo.UserId);\r\n          tempForm.appendChild(hideInput3);\r\n          var hideInput4 = document.createElement(\"input\");\r\n          hideInput4.setAttribute(\"type\", \"hidden\");\r\n          hideInput4.setAttribute(\"name\", \"ExtensionName\");\r\n          hideInput4.setAttribute(\"id\", \"ExtensionName\");\r\n          hideInput4.setAttribute(\"value\", res.data.data.ExtensionName);\r\n          tempForm.appendChild(hideInput4);\r\n          document.body.appendChild(tempForm);\r\n          tempForm.submit();\r\n          document.body.removeChild(tempForm);\r\n        });\r\n      \r\n    },\r\n    async loadPdfHandler() {\r\n      //src为你服务器上存放pdf的路径\r\n      this.pdfUrl = pdf.createLoadingTask(this.src);\r\n      this.pdfUrl.promise.then(pdf => {\r\n        this.numPages = pdf.numPages;\r\n      });\r\n    },\r\n    unloadFn() {\r\n      this.gap_time = new Date().getTime() - this.beforeUnload_time;\r\n      if (this.gap_time <= 5) {\r\n        //关闭窗口\r\n        /*http.post(url.closePreview, {\r\n          FileId: this.FileId,\r\n          Version: this.version\r\n        });*/\r\n      }\r\n    },\r\n    beforeunloadFn() {\r\n      this.beforeUnload_time = new Date().getTime();\r\n    },\r\n    openFullScreen() {\r\n      const loading = this.$loading({\r\n        lock: true,\r\n        text: \"系统正在生成下载文件...\", //this.$t('codecs.loading'),\r\n        spinner: \"el-icon-loading\",\r\n        background: \"rgba(0, 0, 0, 0.7)\"\r\n      });\r\n      return loading;\r\n    },\r\n    closeFullScreen(loading) {\r\n      setTimeout(() => {\r\n        loading.close();\r\n      }, 2000);\r\n    },\r\n    download() {\r\n      if (this.$isPer(101)) return;\r\n      this.openFullScreen();\r\n      http\r\n        .post(url.addWater, {\r\n          FileId: this.FileId,\r\n          Version: this.version\r\n        })\r\n        .then(res => {\r\n          var tempForm = document.createElement(\"form\"); //创建form表单，以下数form表单的各种参数\r\n          tempForm.id = \"tempForm1\";\r\n          tempForm.method = \"post\";\r\n          tempForm.action = url.downFile;\r\n          //tempForm.target = \"_\";\r\n          var hideInput1 = document.createElement(\"input\");\r\n          hideInput1.setAttribute(\"type\", \"hidden\");\r\n          hideInput1.setAttribute(\"name\", \"FileId\");\r\n          hideInput1.setAttribute(\"id\", \"FileId\");\r\n          hideInput1.setAttribute(\"value\", this.FileId);\r\n          tempForm.appendChild(hideInput1);\r\n          var hideInput2 = document.createElement(\"input\");\r\n          hideInput2.setAttribute(\"type\", \"hidden\");\r\n          hideInput2.setAttribute(\"name\", \"waterUrl\");\r\n          hideInput2.setAttribute(\"id\", \"waterUrl\");\r\n          hideInput2.setAttribute(\"value\", res.data.data.downloadFile);\r\n          tempForm.appendChild(hideInput2);\r\n          console.log(tempForm);\r\n          document.body.appendChild(tempForm);\r\n          tempForm.submit(); //提交POST请求\r\n          document.body.removeChild(tempForm);\r\n          //请求成功关闭；\r\n          this.closeFullScreen(this.openFullScreen());\r\n        })\r\n        .catch(() => {\r\n          //请求失败关闭；\r\n          this.closeFullScreen(this.openFullScreen());\r\n        });\r\n      //this.closeFullScreen(this.openFullScreen())\r\n    },\r\n    onGetPreview() {\r\n      $(\"#sy\").show();\r\n      http\r\n        .post(url.viewOfficeFile, {\r\n          ext: this.ext,\r\n          FileId: this.FileId,\r\n          Version: this.version\r\n        })\r\n        .then(res => {\r\n          this.access_token = res.data.data.access_token;\r\n          if(res.data.data.access_token==\"\"){\r\n             $(\"#sy\").css(\"height\", \"76px\");\r\n             $(\"#opd\").css(\"height\", \"76px\");\r\n            this.src = fileHost() +res.data.data.urlsrc;// \"Uploads/zengy/CSA - Platinum_2021_深圳市伊登软件有限公司.pdf\";//\r\n            console.log(this.src)\r\n            this.loadPdfHandler();\r\n          }\r\n          else{\r\n            this.IframeURL = res.data.data.urlsrc;\r\n             console.log(  this.IframeURL);\r\n          }\r\n          $(\".fname\").html(\"<h1>\" + res.data.data.fname + \"</h1>\");\r\n          let inputText = res.data.message;\r\n          console.log(inputText);\r\n          if (inputText != undefined && inputText.split(\"|\").length == 4) {\r\n            this.inputText1 = inputText.split(\"|\")[0];\r\n            this.inputText2 = inputText.split(\"|\")[1];\r\n            this.fontsize = inputText.split(\"|\")[2];\r\n            this.tmingd = inputText.split(\"|\")[3];\r\n          }\r\n          // 确认DOM渲染后再执行\r\n          this.$nextTick(() => {\r\n            // 创建水印节点\r\n            this.init();\r\n            if (!this.inputAllowDele) {\r\n              // 设置水印节点修改的DOM事件\r\n              this.Monitor();\r\n            }\r\n\r\n          document.getElementById(\"office_form\").submit();\r\n          });\r\n          $(\".pdf-hide\").css(\"display\", \"block\");\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nhtml,\r\nbody {\r\n  height: 100%;\r\n  margin: 0;\r\n  overflow: hidden;\r\n  background-color: rgb(82, 86, 89);\r\n}\r\n.el-input /deep/ .el-input__inner {\r\n  height: 23px;\r\n}\r\niframe {\r\n  margin: 0;\r\n  border-style: none;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.fade-enter,\r\n.fade-leave-active {\r\n  opacity: 0;\r\n}\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 0.5s;\r\n}\r\np {\r\n  line-height: 60px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.add_Lable {\r\n  display: block;\r\n  float: left;\r\n  width: 160px;\r\n  margin: 5px;\r\n}\r\n\r\n.add_Lable span {\r\n  border: 1px solid #efedee;\r\n  border-radius: 5px;\r\n  padding: 0px 8px;\r\n  background-color: #2871e4;\r\n  color: #fff;\r\n  cursor: pointer;\r\n  height: 30px;\r\n  display: block;\r\n  line-height: 30px;\r\n  text-align: center;\r\n}\r\n\r\n.add_Lable span:hover {\r\n  color: #000000;\r\n}\r\n\r\n.suiyin {\r\n  width: 100%;\r\n  height: 44px;\r\n  left: 25%;\r\n  margin-top: -170px;\r\n  position: absolute;\r\n  transform: rotate(-45deg);\r\n  -ms-transform: rotate(-45deg); /* Internet Explorer 9*/\r\n  -moz-transform: rotate(-45deg); /* Firefox */\r\n  -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */\r\n  -o-transform: rotate(-45deg); /* Opera */\r\n  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);\r\n  font-size: 25px;\r\n  color: #87cefa;\r\n  font-weight: 500;\r\n  opacity: 0.5;\r\n  z-index: 999;\r\n}\r\n.content {\r\n  height: 100%;\r\n}\r\n.yejiao {\r\n  text-align: center;\r\n}\r\n#iframeContain {\r\n  height: 100%;\r\n  width: 100%;\r\n  border: 0;\r\n}\r\n.all {\r\n  position: fixed;\r\n  width: 98%;\r\n  z-index: 9999;\r\n}\r\n.pdf {\r\n  background: rgb(82, 86, 89);\r\n  width: 53rem;\r\n  margin: auto;\r\n}\r\n.pdf .pdf-set {\r\n  display: inline-block;\r\n  text-align: center;\r\n  width: 60%;\r\n  margin-left: 20%;\r\n}\r\n.pdf .button-group {\r\n  position: absolute;\r\n  bottom: -34.2%;\r\n  left: 45%;\r\n}\r\n.pdf .button-group-next {\r\n  position: absolute;\r\n  bottom: -34.2%;\r\n  left: 55%;\r\n}\r\n.pdf .span-clas {\r\n  position: absolute;\r\n  bottom: -34.2%;\r\n  left: 50%;\r\n  font-size: 26px;\r\n  line-height: 39px;\r\n  display: inline-block;\r\n}\r\n.pdf span {\r\n  margin: 10px 0;\r\n}\r\n.pdf-hide {\r\n  display: none;\r\n}\r\n.iframe-hide {\r\n  display: none;\r\n}\r\n.element::-webkit-scrollbar {\r\n  width: 0 !important;\r\n}\r\n.element {\r\n  -ms-overflow-style: none;\r\n}\r\n.element {\r\n  overflow: -moz-scrollbars-none;\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!./PackViewPage.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!./PackViewPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PackViewPage.vue?vue&type=template&id=626fd926&scoped=true&\"\nimport script from \"./PackViewPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PackViewPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PackViewPage.vue?vue&type=style&index=0&id=626fd926&scoped=true&lang=css&\"\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  \"626fd926\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}