{"version":3,"sources":["webpack:///./src/views/OfficialWeb/mobConfirmDialog.vue?528e","webpack:///src/views/OfficialWeb/mobConfirmDialog.vue","webpack:///./src/views/OfficialWeb/mobConfirmDialog.vue?e00a","webpack:///./src/views/OfficialWeb/mobConfirmDialog.vue","webpack:///./src/views/OfficialWeb/mobConfirmDialog.vue?ac67"],"names":["props","data","created","mounted","methods","clickConfrimBtn","_this","aliTradeNo","getParam","sendData","userNo","split","periodId","selectData","note","content","selectFrame","then","res","code","alert","$parent","showMOBConfirmDia","MOBChooseItem","window","location","href","clickCancelBtn","component","_vm","this","_c","_self","staticClass","_v","attrs","concat","avatar_frame_id","_s","name","on"],"mappings":"kLAA6c,ECoB9b,CACfA,MAAA,eACAC,KAAA,WACA,UAGAC,QAAA,aAEAC,QAAA,aACAC,QAAA,CACAC,gBAAA,eAAAC,EAAA,KACAC,EAAAC,YAAA,gBAGAC,EAAA,CACAC,OAHAH,EAAAI,MAAA,QAIAJ,aACAK,SAAA,KAAAC,WAAAD,SACAE,KAAA,KAAAD,WAAAE,SAEAC,YAAAP,GAAAQ,MAAA,SAAAC,GAEA,GAAAA,EAAAC,KACAC,MACA,mCAGAA,MAAA,qBAEAd,EAAAe,QAAAC,mBAAA,EACAhB,EAAAe,gBAAAE,eAAA,EACAC,OAAAC,SAAAC,KAAAF,OAAAC,SAAAC,KAAAf,MAAA,YAIAgB,eAAA,WAEA,KAAAN,QAAAC,mBAAA,K,wBCjDIM,EAAY,YACd,GCTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIK,GAAG,qBAAqBH,EAAG,MAAM,CAACE,YAAY,aAAaE,MAAM,CAAC,IAAK,gDAAAC,OAAiDP,EAAIhB,WAAWwB,gBAAe,kBAAiBN,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIK,GAAGL,EAAIS,GAAGT,EAAIhB,WAAW0B,SAASR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACJ,EAAIK,GAAGL,EAAIS,GAAGT,EAAIhB,WAAWE,YAAYgB,EAAG,MAAM,CAACE,YAAY,uBAAuBO,GAAG,CAAC,MAAQX,EAAIxB,kBAAkB,CAACwB,EAAIK,GAAG,QAAQH,EAAG,MAAM,CAACE,YAAY,sBAAsBO,GAAG,CAAC,MAAQX,EAAIF,iBAAiB,CAACE,EAAIK,GAAG,cAEnqB,IDUpB,EACA,KACA,WACA,MAIa,UAAAN,E,6CEnBf","file":"js/chunk-0516ac01.d261d6be.js","sourcesContent":["import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./mobConfirmDialog.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.3.0@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./mobConfirmDialog.vue?vue&type=script&lang=js\"","<!-- 移动端确认定制信息 -->\r\n<template>\r\n  <div class=\"dialog-main\">\r\n    <div class=\"dialog-content\">\r\n      <div class=\"content-title\">请确认您要选择的款式和定制内容</div>\r\n      <img\r\n        :src=\"`https://datacenter.53site.com/Werewolf/frame/${selectData.avatar_frame_id}_player.png`\"\r\n        class=\"select-img\"\r\n      />\r\n      <div class=\"select-img-name\">{{selectData.name}}</div>\r\n      <div class=\"note-content\">{{selectData.content}}</div>\r\n      <div class=\"operaBtn confirm-btn\" @click=\"clickConfrimBtn\">确定</div>\r\n      <div class=\"operaBtn cancel-btn\" @click=\"clickCancelBtn\">取消</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getParam } from \"./../../utils/utils\";\r\nimport { selectFrame } from \"./../../apis/officialWeb\";\r\nexport default {\r\n  props: [\"selectData\"],\r\n  data() {\r\n    return {};\r\n  },\r\n  //生命周期 - 创建完成（访问当前this实例）\r\n  created() {},\r\n  //生命周期 - 挂载完成（访问DOM元素）\r\n  mounted() {},\r\n  methods: {\r\n    clickConfrimBtn: function() {\r\n      let aliTradeNo = getParam(\"out_trade_no\");\r\n      let userNo = aliTradeNo.split('-')[2];\r\n      //发送定制信息\r\n      let sendData = {\r\n        userNo: userNo,\r\n        aliTradeNo: aliTradeNo,\r\n        periodId: this.selectData.periodId,\r\n        note: this.selectData.content\r\n      };\r\n      selectFrame(sendData).then(res => {\r\n        // console.log(res);\r\n        if (res.code == 1) {\r\n          alert(\r\n            \"小狼已经收到您的定制信息啦！正在全速帮您制作至尊专属头像框 。\"\r\n          );\r\n        } else {\r\n          alert(\"定制内容提交失败，请联系客服提交。\");\r\n        }\r\n        this.$parent.showMOBConfirmDia = false;\r\n        this.$parent.$parent.MOBChooseItem = false;\r\n        window.location.href = window.location.href.split(\"?\")[0];\r\n      });\r\n      // console.log(\"sendData=>\", sendData);\r\n    },\r\n    clickCancelBtn: function() {\r\n      // console.log(\"点击了取消按钮,返回上一层\");\r\n      this.$parent.showMOBConfirmDia = false;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped lang='scss'>\r\n@import \"../../style/main.scss\";\r\n.dialog-main {\r\n  background-color: rgba(0, 0, 0, 0.8);\r\n  position: fixed;\r\n  top: 0%;\r\n  left: 0%;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 10;\r\n}\r\n.dialog-content {\r\n  width: 90vw;\r\n  height: 123.7vw;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  @include imgbg(imgUrl(\"mob_c_dialog_bg.png\"));\r\n}\r\n.content-title {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 4vw;\r\n  color: white;\r\n  line-height: 4vw;\r\n  position: absolute;\r\n  margin-top: 7.1vw;\r\n}\r\n.select-img {\r\n  width: 32.9vw;\r\n  height: 32.4vw;\r\n  margin-top: 18.8vw;\r\n  margin-left: 28.6vw;\r\n}\r\n.select-img-name {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 5.1vw;\r\n  color: #ffbc55;\r\n  line-height: 5.1vw;\r\n  margin-top: 4.2vw;\r\n}\r\n.note-content {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-size: 10.1vw;\r\n  color: #ffbc55;\r\n  line-height: 10.1vw;\r\n  margin-top: 10.1vw;\r\n}\r\n.operaBtn {\r\n  width: 78.9vw;\r\n  height: 12.1vw;\r\n  border-radius: 2.4vw;\r\n  display: flex;\r\n  display: -webkit-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  font-size: 4.2vw;\r\n  margin-left: 5.6vw;\r\n}\r\n.confirm-btn {\r\n  margin-top: 10.8vw;\r\n  background-color: #ffbc55;\r\n  color: #825414;\r\n}\r\n.cancel-btn {\r\n  margin-top: 3.2vw;\r\n  background-color: #b877ec;\r\n  color: #45007c;\r\n}\r\n</style>","import { render, staticRenderFns } from \"./mobConfirmDialog.vue?vue&type=template&id=f0450fb2&scoped=true\"\nimport script from \"./mobConfirmDialog.vue?vue&type=script&lang=js\"\nexport * from \"./mobConfirmDialog.vue?vue&type=script&lang=js\"\nimport style0 from \"./mobConfirmDialog.vue?vue&type=style&index=0&id=f0450fb2&prod&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f0450fb2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"dialog-main\"},[_c('div',{staticClass:\"dialog-content\"},[_c('div',{staticClass:\"content-title\"},[_vm._v(\"请确认您要选择的款式和定制内容\")]),_c('img',{staticClass:\"select-img\",attrs:{\"src\":`https://datacenter.53site.com/Werewolf/frame/${_vm.selectData.avatar_frame_id}_player.png`}}),_c('div',{staticClass:\"select-img-name\"},[_vm._v(_vm._s(_vm.selectData.name))]),_c('div',{staticClass:\"note-content\"},[_vm._v(_vm._s(_vm.selectData.content))]),_c('div',{staticClass:\"operaBtn confirm-btn\",on:{\"click\":_vm.clickConfrimBtn}},[_vm._v(\"确定\")]),_c('div',{staticClass:\"operaBtn cancel-btn\",on:{\"click\":_vm.clickCancelBtn}},[_vm._v(\"取消\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.11.1@vue-loader/lib/index.js??vue-loader-options!./mobConfirmDialog.vue?vue&type=style&index=0&id=f0450fb2&prod&scoped=true&lang=scss\""],"sourceRoot":""}