{"version":3,"sources":["webpack:///./src/views/my/FeedBack.vue?f2e6","webpack:///./src/views/my/FeedBack.vue?acaf","webpack:///src/views/my/FeedBack.vue","webpack:///./src/views/my/FeedBack.vue?d723","webpack:///./src/views/my/FeedBack.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","on","onClickBack","staticStyle","_m","ref","model","value","callback","$$v","feedback","expression","afterRead","deleteImg","fileList","clickTj","_v","staticRenderFns","data","mob_tel","mounted","$nextTick","methods","$router","replace","event","length","proCompress","i","file","window","FileReader","test","type","reader","readAsDataURL","onloadend","img","src","result","onload","content","compress","ratio","Math","sqrt","width","height","canvas","ctx","fillStyle","fillRect","count","tCanvas","nw","nh","tctx","drawImage","j","ndata","splice","detail","index","fk_img","fk_img2","fk_img3","$ajax","url","params","then","component"],"mappings":"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","file":"js/chunk-b5c9676a.36c9b57b.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!./FeedBack.vue?vue&type=style&index=0&id=13117b0e&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!./FeedBack.vue?vue&type=style&index=0&id=13117b0e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"div_page\"}},[_c('div',{staticClass:\"custom_back_icon\",on:{\"click\":_vm.onClickBack}},[_c('van-icon',{staticStyle:{\"margin-top\":\"3px\",\"margin-left\":\"2px\"},attrs:{\"size\":\"18\",\"name\":\"arrow-left\"}})],1),_vm._m(0),_c('van-field',{ref:\"feedback\",attrs:{\"type\":\"textarea\",\"rows\":\"2\",\"maxlength\":\"200\",\"clearable\":\"\",\"show-word-limit\":\"\",\"placeholder\":\"请填写您的宝贵意见\"},model:{value:(_vm.feedback),callback:function ($$v) {_vm.feedback=$$v},expression:\"feedback\"}}),_c('van-uploader',{staticClass:\"van_uploader\",attrs:{\"after-read\":_vm.afterRead,\"multiple\":\"false\",\"before-delete\":_vm.deleteImg,\"max-count\":3},model:{value:(_vm.fileList),callback:function ($$v) {_vm.fileList=$$v},expression:\"fileList\"}}),_c('div',{staticStyle:{\"margin-bottom\":\"20%\",\"display\":\"flex\",\"justify-content\":\"center\",\"margin-top\":\"20px\",\"text-align\":\"center\",\"height\":\"40px\",\"line-height\":\"40px\"},on:{\"click\":_vm.clickTj}},[_c('div',{staticClass:\"div_button\"},[_vm._v(\"提交\")])])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"custom_info_title\"},[_c('span',{staticClass:\"div_title\"},[_vm._v(\" 反馈信息 \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"div_page\">\r\n    <div class=\"custom_back_icon\" @click=\"onClickBack\">\r\n      <van-icon size=\"18\" name=\"arrow-left\" style=\"margin-top: 3px; margin-left: 2px;\" />\r\n    </div>\r\n    <div class=\"custom_info_title\">\r\n      <span class=\"div_title\">\r\n        反馈信息\r\n      </span>\r\n    </div>\r\n    <van-field v-model=\"feedback\" type=\"textarea\" rows=\"2\" maxlength=\"200\" clearable show-word-limit placeholder=\"请填写您的宝贵意见\" ref=\"feedback\" />\r\n    <!-- <div\r\n            style=\"\r\n                width: 100%;\r\n                height: 22px;\r\n                line-height: 22px;\r\n                background-color: #fff;\r\n                padding-left: 10px;\r\n            \"\r\n        >\r\n            {{ mob_tel }}\r\n        </div> -->\r\n    <van-uploader v-model=\"fileList\" :after-read=\"afterRead\" multiple=\"false\" class=\"van_uploader\" :before-delete=\"deleteImg\" :max-count=\"3\" />\r\n    <div @click=\"clickTj\" style=\"\r\n                margin-bottom: 20%;\r\n                display: flex;\r\n                justify-content: center;\r\n                margin-top: 20px;\r\n                text-align: center;\r\n                height: 40px;\r\n                line-height: 40px;\r\n            \">\r\n      <div class=\"div_button\">提交</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { Dialog, Notify, Toast } from \"vant\";\r\nexport default {\r\n  data () {\r\n    return {\r\n      feedback: \"\",\r\n      fileList: [],\r\n      mob_tel: \"\",\r\n    };\r\n  },\r\n  mounted () {\r\n    this.$nextTick(() => {\r\n      this.$refs.feedback.focus();\r\n    });\r\n  },\r\n  methods: {\r\n    onClickBack () {\r\n      this.$router.replace({ name: \"My\" });\r\n    },\r\n    afterRead (event) {\r\n      if (event.length > 1) {\r\n        for (let i = 0; i < event.length; i++) {\r\n          this.proCompress(event[i]);\r\n        }\r\n      } else {\r\n        this.proCompress(event);\r\n      }\r\n    },\r\n    proCompress (event) {\r\n      let file = event.file;\r\n      let _this = this;\r\n      // 看支持不支持FileReader\r\n      if (!file || !window.FileReader) return;\r\n      if (/^image/.test(file.type)) {\r\n        // 创建一个reader\r\n        let reader = new FileReader();\r\n        // 将图片2将转成 base64 格式\r\n        reader.readAsDataURL(file);\r\n        // 读取成功后的回调\r\n        reader.onloadend = function () {\r\n          let result = this.result;\r\n          let img = new Image();\r\n          img.src = result;\r\n          //判断图片是否大于500K,是就直接上传，反之压缩图片\r\n          if (this.result.length <= 500 * 1024) {\r\n            return this.result;\r\n          } else {\r\n            img.onload = function () {\r\n              let data = _this.compress(img);\r\n              //return data;\r\n              event.content = data;\r\n            };\r\n          }\r\n        };\r\n      }\r\n    },\r\n    // 压缩图片\r\n    compress (img) {\r\n      let canvas = document.createElement(\"canvas\");\r\n      let ctx = canvas.getContext(\"2d\");\r\n      //瓦片canvas\r\n      let tCanvas = document.createElement(\"canvas\");\r\n      let tctx = tCanvas.getContext(\"2d\");\r\n      let width = img.width;\r\n      let height = img.height;\r\n      //如果图片大于四百万像素，计算压缩比并将大小压至400万以下\r\n      let ratio;\r\n      if ((ratio = (width * height) / 4000000) > 1) {\r\n        ratio = Math.sqrt(ratio);\r\n        width /= ratio;\r\n        height /= ratio;\r\n      } else {\r\n        ratio = 1;\r\n      }\r\n      canvas.width = width;\r\n      canvas.height = height;\r\n      //    铺底色\r\n      ctx.fillStyle = \"#fff\";\r\n      ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n      //如果图片像素大于100万则使用瓦片绘制\r\n      let count;\r\n      if ((count = (width * height) / 1000000) > 1) {\r\n        count = ~~(Math.sqrt(count) + 1); //计算要分成多少块瓦片\r\n        //      计算每块瓦片的宽和高\r\n        let nw = ~~(width / count);\r\n        let nh = ~~(height / count);\r\n        tCanvas.width = nw;\r\n        tCanvas.height = nh;\r\n        for (let i = 0; i < count; i++) {\r\n          for (let j = 0; j < count; j++) {\r\n            tctx.drawImage(\r\n              img,\r\n              i * nw * ratio,\r\n              j * nh * ratio,\r\n              nw * ratio,\r\n              nh * ratio,\r\n              0,\r\n              0,\r\n              nw,\r\n              nh\r\n            );\r\n            ctx.drawImage(tCanvas, i * nw, j * nh, nw, nh);\r\n          }\r\n        }\r\n      } else {\r\n        ctx.drawImage(img, 0, 0, width, height);\r\n      }\r\n      //进行最小压缩\r\n      let ndata = canvas.toDataURL(\"image/jpeg\", 0.1);\r\n      tCanvas.width = tCanvas.height = canvas.width = canvas.height = 0;\r\n      return ndata;\r\n    },\r\n    deleteImg (val, detail) {\r\n      this.fileList.splice(detail.index, 1);\r\n    },\r\n    clickTj () {\r\n      let fk_img = \"\";\r\n      let fk_img2 = \"\";\r\n      let fk_img3 = \"\";\r\n      if (this.fileList.length == 1) {\r\n        fk_img = this.fileList[0].content;\r\n      } else if (this.fileList.length == 2) {\r\n        fk_img2 = this.fileList[1].content;\r\n      } else if (this.fileList.length == 3) {\r\n        fk_img3 = this.fileList[2].content;\r\n      }\r\n      let url = this.baseUrl + \"/User/TiJiaoFanKui\",\r\n        params = {\r\n          fkyj: this.feedback,\r\n          mob_tel: this.mob_tel,\r\n          fk_img: fk_img,\r\n          fk_img2: fk_img2,\r\n          fk_img3: fk_img3,\r\n        };\r\n      this.$ajax(url, params).then(\r\n        (res) => {\r\n          Notify({\r\n            type: \"success\",\r\n            duration: 1000,\r\n            message: res.data.msg,\r\n          });\r\n          setTimeout(() => {\r\n            this.$router.replace(\"My\");\r\n          }, 1000);\r\n          Toast.clear();\r\n        },\r\n        (err) => {\r\n          Toast.clear();\r\n        }\r\n      );\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped >\r\n#div_page {\r\n  font-size: 12px;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  background-color: #f4f5f9;\r\n}\r\n/* .div_title {\r\n  height: 40px;\r\n  line-height: 40px;\r\n  padding-left: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  color: #7ac57a;\r\n  background-color: #fff;\r\n  border-bottom: 1px solid #eee;\r\n} */\r\n.van_uploader {\r\n  width: 100%;\r\n  background-color: #fff;\r\n  padding: 10px;\r\n  box-sizing: border-box;\r\n  margin-top: 1px;\r\n}\r\n.div_button {\r\n  width: 94%;\r\n  border-radius: 5px;\r\n  color: #fff;\r\n  background-color: #6bb75f;\r\n}\r\n.custom_back_icon {\r\n  position: absolute;\r\n  background-color: gray;\r\n  opacity: 0.8;\r\n  color: white;\r\n  width: 25px;\r\n  top: 10px;\r\n  left: 10px;\r\n  border-radius: 12px;\r\n  height: 25px;\r\n  z-index: 5;\r\n}\r\n.div_title {\r\n  color: rgb(0, 0, 0);\r\n  font-weight: 700;\r\n  font-size: 18px;\r\n  width: 270px;\r\n  display: inline-block;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n.custom_info_title {\r\n  width: 100%;\r\n  text-align: center;\r\n  background: #fff;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid #e8e8e8;\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!./FeedBack.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!./FeedBack.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FeedBack.vue?vue&type=template&id=13117b0e&scoped=true&\"\nimport script from \"./FeedBack.vue?vue&type=script&lang=js&\"\nexport * from \"./FeedBack.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FeedBack.vue?vue&type=style&index=0&id=13117b0e&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  \"13117b0e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}