{"version":3,"sources":["webpack:///./src/components/thankletterinfor/thankletterinfor.vue","webpack:///src/components/thankletterinfor/thankletterinfor.vue","webpack:///./src/components/thankletterinfor/thankletterinfor.vue?7be0","webpack:///./src/components/thankletterinfor/thankletterinfor.vue?544d","webpack:///./src/components/thankletterinfor/thankletterinfor.vue?5e12"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","on","gobackthank","domProps","_s","htmltext","staticRenderFns","components","headtop","data","ids","datatext","mounted","$route","query","id","getthanktext","methods","res","api","fk_title_id","console","log","status","getttt","content","$message","error","$router","go","text","$","fn","autotype","timer","_this","str","replace","index","html","printer","args","current","slice","indexOf","setTimeout","length","substring","clearTimeout","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,WAAWA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,QAA8B,IAAM,IAAIC,GAAG,CAAC,MAAQP,EAAIQ,iBAAiBN,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,GAAK,kBAAkBI,SAAS,CAAC,UAAYT,EAAIU,GAAGV,EAAIW,oBAAoB,IAEjeC,EAAkB,G,iCCuBP,GACfC,WAAA,CACAC,gBAEAC,OACA,OACAC,IAAA,GACAC,SAAA,GACAN,SAAA,KAGAO,UACA,KAAAF,IAAA,KAAAG,OAAAC,MAAAC,GACA,KAAAC,gBAEAC,QAAA,CAEA,qBACA,IAAAC,QAAA,KAAAC,IAAAL,MAAA,wBACAM,YAAA,KAAAV,MAEAW,QAAAC,IAAAJ,GACA,GAAAA,EAAAT,KAAAc,QACA,KAAAZ,SAAAO,EAAAT,UAAA,GACA,KAAAe,OAAA,KAAAb,SAAAc,UAEA,KAAAC,SAAAC,MAAA,SAGAzB,cACA,KAAA0B,QAAAC,IAAA,IAGAL,OAAAM,GACAC,IAAAC,GAAAC,SAAA,WACA,IAAAC,EAAA,KACAC,EAAAJ,IAAA,MAGAK,EAAAN,EAEAM,IAAAC,QAAA,kBACA,IAAAC,EAAA,EACAP,IAAA,MAAAQ,KAAA,IACA,IAAAC,EAAA,WACA,IAAAC,EAAAD,EACAE,EAAAN,EAAAO,MAAAL,IAAA,GAEA,KAAAI,EACAJ,EAAAF,EAAAQ,QAAA,IAAAN,GAAA,EAGAA,IAGAJ,EAAAW,WAAAJ,EAAA,IAEAH,EAAAF,EAAAU,OAAA,EACAX,EAAAI,KAAAH,EAAAW,UAAA,EAAAT,IAAA,EAAAA,EAAA,UAEAH,EAAAI,KAAAH,EAAAW,UAAA,EAAAT,IACAU,aAAAd,KAIAW,WAAAL,EAAA,MAEAT,IAAA,mBAAAE,cC5FwW,I,wBCQpWgB,EAAY,eACd,EACAxD,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAA2C,E,oECnBf","file":"static/js/chunk-f1d69ee6.534f4506.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"thankinfor_home\"},[_c('headtop'),_c('div',{staticClass:\"thank_back\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/thankback.png\"),\"alt\":\"\"},on:{\"click\":_vm.gobackthank}})]),_c('div',{staticClass:\"thankinfor_content\"},[_c('div',{staticClass:\"thankinfor_text\"},[_c('div',{staticClass:\"thankinfor_box\"},[_c('div',{attrs:{\"id\":\"thank_content1\"},domProps:{\"innerHTML\":_vm._s(_vm.htmltext)}})])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"thankinfor_home\"> \r\n    <headtop></headtop>\r\n      <!-- 返回 -->\r\n      <div class=\"thank_back\">\r\n        <img src=\"@/assets/img/thankback.png\" alt=\"\" @click=\"gobackthank\" />\r\n      </div>\r\n      <!-- 信内容 -->\r\n      <div class=\"thankinfor_content\">\r\n        <div class=\"thankinfor_text\"> \r\n          <div class=\"thankinfor_box\"> \r\n            <!-- 挂件 -->\r\n          <!-- <img class=\"thank_icon\" src=\"@/assets/img/thankicon.png\" alt=\"\" /> -->\r\n          <!-- 标题 -->\r\n          <!-- <h4   id=\"thank_head\">{{datatext._fk_title_id}}</h4> -->\r\n          <div   id=\"thank_content1\" v-html=\"htmltext\" ></div>\r\n          </div>\r\n          \r\n        </div>\r\n      </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport headtop from \"@/components/Headtop.vue\"\r\nimport $ from \"jquery\";\r\nexport default {\r\n  components:{\r\n    headtop\r\n  },\r\n  data(){\r\n    return{\r\n      ids:'',\r\n      datatext:'',\r\n      htmltext:''\r\n    }\r\n  },\r\n  mounted(){\r\n    this.ids = this.$route.query.id\r\n    this.getthanktext()\r\n  },\r\n  methods:{\r\n    // 获取信内容\r\n    async getthanktext(){\r\n      let res = await this.api.query('list_website_content',{\r\n        fk_title_id:this.ids\r\n      })\r\n      console.log(res);\r\n      if(res.data.status == true){\r\n        this.datatext = res.data.data[0]\r\n        this.getttt(this.datatext.content)\r\n      }else{\r\n        this.$message.error('获取失败')\r\n      }\r\n    },\r\n    gobackthank(){\r\n      this.$router.go(-1)\r\n    },\r\n    // 动态打印信内容\r\n    getttt(text){\r\n      $.fn.autotype = function() {\r\n     var timer=null;\r\n      var _this=$(this);\r\n      // var str=_this.html();\r\n      // console.log(text);\r\n      var str=text;\r\n      // 正则替换代码行之间添加的多个空格，不去除换行输出会有明显的停顿：实际是在输出多个空格\r\n      str=str.replace(/(\\s){2,}/g,\"$1\");\r\n        var index = 0;\r\n        $(this).html('');\r\n        var printer = function() {\r\n            var args=printer;\r\n            var current = str.slice(index, index+1);\r\n            // html标签完整输出,如：<p>\r\n            if (current == '<'){\r\n                index = str.indexOf('>', index) + 1;\r\n            }\r\n            else{\r\n            index++;\r\n            }\r\n            // console.log(current);\r\n           timer= setTimeout(args,70);\r\n            //位运算符: 根据setInterval运行奇偶次来判断是否加入下划线字符“_”，使输入效果更逼真\r\n            if (index < str.length-1){ //打印字符倒数第2个字符开始，不加下划线字符，以防止结束符可能会多输出一下划线字符\r\n                _this.html(str.substring(0, index) + (index & 1 ? '_' : ''));\r\n            }else{\r\n                _this.html(str.substring(0, index));\r\n                clearTimeout(timer);\r\n            };\r\n        };\r\n        // 延迟1s开始\r\n        setTimeout(printer,1000);\r\n      }\r\n      $(\"#thank_content1\").autotype();\r\n         \r\n    }\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.thankinfor_home{\r\n  width: 1920px;\r\n  // height: 900px;\r\n  height: 100%;\r\n  // background: url(\"../../assets/img/textbackg.png\");\r\n    background: url(\"../../assets/img/thankT\\ \\ \\(2\\).png\");\r\n  background-size: 100% 100%;\r\n  overflow: hidden;\r\n  .thankinfor_content{\r\n    // width: 1255px;\r\n    height: 1080px;\r\n    width: 60%;\r\n    // height: 100%;\r\n    margin-left: 20%;\r\n    // background: url(\"../../assets/img/texttitle.png\");\r\n    background-size: 100% 100%;\r\n    overflow: hidden;\r\n    margin-top: 100px;\r\n    .thankinfor_text{\r\n      width: 80%;\r\n      height: 85%;\r\n      margin: 10px 20px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      .thankinfor_box{\r\n        width: 100%;\r\n        height: 1450px;\r\n        // background: url(\"../../assets/img/组\\ 5354@3x.png\");\r\n        background-size: 100% 100%;\r\n        .thank_icon{\r\n        width: 51px;\r\n        height: 182px;\r\n        position: absolute;\r\n        right: 40px;\r\n        top: 0px;\r\n      }\r\n      #thank_head{\r\n        color: #8E5702;\r\n        text-align: center;\r\n        margin-top: 50px;\r\n        font-size: 25px;\r\n      }\r\n      #thank_content1{\r\n        width: 90%;\r\n        height: 80%;\r\n        margin: 0 auto;\r\n        margin-top: 180px;\r\n      }\r\n      }\r\n      \r\n    }\r\n  }\r\n  .thank_back{\r\n    width: 40px;\r\n    height: 40px;\r\n    position: absolute;\r\n    top: 40px;\r\n    right: 300px;\r\n    img{\r\n      width: 100%;\r\n      height: 100%;\r\n    margin-top: 100px;\r\n\r\n    }\r\n  }\r\n\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./thankletterinfor.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./thankletterinfor.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./thankletterinfor.vue?vue&type=template&id=1e98b4ad&scoped=true\"\nimport script from \"./thankletterinfor.vue?vue&type=script&lang=js\"\nexport * from \"./thankletterinfor.vue?vue&type=script&lang=js\"\nimport style0 from \"./thankletterinfor.vue?vue&type=style&index=0&id=1e98b4ad&prod&lang=scss&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  \"1e98b4ad\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./thankletterinfor.vue?vue&type=style&index=0&id=1e98b4ad&prod&lang=scss&scoped=true\""],"sourceRoot":""}