{"version":3,"sources":["webpack:///./src/views/OfficialWeb/mobSelectItem.vue?900f","webpack:///src/views/OfficialWeb/mobSelectItem.vue","webpack:///./src/views/OfficialWeb/mobSelectItem.vue?67e9","webpack:///./src/views/OfficialWeb/mobSelectItem.vue","webpack:///./src/views/OfficialWeb/mobSelectItem.vue?94a6"],"names":["props","data","selectIndex","frameInfo","showMOBConfirmDia","selectData","created","mounted","components","frameItem","mobConfirmDialog","methods","setSelectIndex","val","Number","clickConfirmBtn","replace","_objectSpread","mobObj","content","alert","component","_vm","this","_c","_self","staticClass","on","$event","preventDefault","_v","_l","item","index","key","attrs","directives","name","rawName","value","expression","domProps","target","composing","_e"],"mappings":"uJAAqW,G,wCC0BtV,CACfA,MAAA,WACAC,KAAA,WACA,OACAC,YAAA,EACAC,UAAA,GACAC,mBAAA,EACAC,WAAA,OAIAC,QAAA,aAIAC,QAAA,aACAC,WAAA,CACAC,UAAA,mEACAC,iBAAA,oEAEAC,QAAA,CACAC,eAAA,SAAAC,GACA,KAAAX,YAAAY,OAAAD,GAAA,GAEAE,gBAAA,WAGA,QAAAb,aAKA,KAAAC,UAAA,KAAAA,UAAAa,QAAA,WACA,KAAAb,WAIA,KAAAE,WAAAY,wBAAA,GACA,KAAAC,OAAA,KAAAhB,YAAA,QACAA,YAAA,KAAAA,YACAiB,QAAA,KAAAhB,YAEA,KAAAC,mBAAA,GARAgB,MAAA,YANAA,MAAA,e,wBC9CIC,EAAY,YACd,GCTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,cAAcC,GAAG,CAAC,UAAY,SAASC,GAAQA,EAAOC,oBAAqB,CAACL,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACJ,EAAIQ,GAAG,eAAeN,EAAG,MAAM,CAACE,YAAY,gBAAgBJ,EAAIS,GAAIT,EAAIJ,QAAQ,SAASc,EAAKC,GAAO,OAAOT,EAAG,MAAM,CAACU,IAAID,EAAMN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIV,eAAeqB,MAAU,CAACT,EAAG,YAAY,CAACW,MAAM,CAAC,KAAO,QAAQ,UAAYH,EAAK,OAASV,EAAIpB,aAAa+B,EAAM,MAAM,MAAK,GAAGT,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACJ,EAAIQ,GAAG,eAAeN,EAAG,QAAQ,CAACY,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOjB,EAAInB,UAAWqC,WAAW,cAAcd,YAAY,YAAYS,MAAM,CAAC,KAAO,OAAO,YAAc,SAAS,UAAY,KAAKM,SAAS,CAAC,MAASnB,EAAInB,WAAYwB,GAAG,CAAC,MAAQ,SAASC,GAAQN,EAAInB,UAAUmB,EAAInB,UAAUa,QAAQ,OAAO,KAAK,MAAQ,SAASY,GAAWA,EAAOc,OAAOC,YAAiBrB,EAAInB,UAAUyB,EAAOc,OAAOH,WAAUf,EAAG,MAAM,CAACE,YAAY,cAAcC,GAAG,CAAC,MAAQL,EAAIP,kBAAkB,CAACO,EAAIQ,GAAG,cAAeR,EAAIlB,kBAAmBoB,EAAG,mBAAmB,CAACW,MAAM,CAAC,WAAaZ,KAAKlB,cAAciB,EAAIsB,MAAM,KAErqC,IDUpB,EACA,KACA,WACA,MAIa,UAAAvB,E,oEEnBf","file":"js/chunk-ef740070.dddf9a30.js","sourcesContent":["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!./mobSelectItem.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!./mobSelectItem.vue?vue&type=script&lang=js\"","<!-- 选择头像框 -->\r\n<template>\r\n  <div class=\"select-main\" @touchmove.prevent>\r\n    <div class=\"pc_chooseitem\">\r\n      <div class=\"order-title order-title-1\">请选择您的定制款式</div>\r\n      <div class=\"item-content\">\r\n        <div v-for=\"(item, index) in mobObj\" :key=\"index\" @click=\"setSelectIndex(index)\">\r\n          <frameItem size=\"small\" :frameData=\"item\" :select=\"selectIndex==index+1\"></frameItem>\r\n        </div>\r\n      </div>\r\n      <div class=\"order-title order-title-2\">请选择您的定制信息</div>\r\n      <input\r\n        type=\"text\"\r\n        class=\"infoInput\"\r\n        placeholder=\"点击填写内容\"\r\n        maxlength=\"3\"\r\n        v-model=\"frameInfo\"\r\n        @keyup=\"frameInfo=frameInfo.replace(/\\s+/g,'')\"\r\n      />\r\n      <div class=\"confirm-btn\" @click=\"clickConfirmBtn\">确定定制内容</div>\r\n    </div>\r\n    <mobConfirmDialog v-if=\"showMOBConfirmDia\" :selectData=\"this.selectData\"></mobConfirmDialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\"mobObj\"],\r\n  data() {\r\n    return {\r\n      selectIndex: 0,\r\n      frameInfo: \"\", //输入的定制信息\r\n      showMOBConfirmDia: false,\r\n      selectData:null\r\n    };\r\n  },\r\n  //生命周期 - 创建完成（访问当前this实例）\r\n  created() {\r\n    // console.log(\"this.mobObj=>\", this.mobObj);\r\n  },\r\n  //生命周期 - 挂载完成（访问DOM元素）\r\n  mounted() {},\r\n  components: {\r\n    frameItem: () => import(\"./frameItem\"),\r\n    mobConfirmDialog: () => import(\"./mobConfirmDialog\")\r\n  },\r\n  methods: {\r\n    setSelectIndex: function(val) {\r\n      this.selectIndex = Number(val) + 1;\r\n    },\r\n    clickConfirmBtn: function() {\r\n      // console.log(\"点击了确定按钮\");\r\n      // console.log(\"定制内容=>\", this.frameInfo);\r\n      if (this.selectIndex == 0) {\r\n        alert(\"请选择定制款式\");\r\n        return;\r\n      }\r\n      //二次防空格\r\n      this.frameInfo = this.frameInfo.replace(/\\s+/g, \"\");\r\n      if (!this.frameInfo) {\r\n        alert(\"请输入定制内容\");\r\n        return;\r\n      }\r\n      this.selectData = {\r\n        ...this.mobObj[this.selectIndex - 1],\r\n        selectIndex: this.selectIndex,\r\n        content: this.frameInfo\r\n      };\r\n      this.showMOBConfirmDia = true;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped lang='scss'>\r\n@import \"../../style/main.scss\";\r\n.select-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.pc_chooseitem {\r\n  width: 90vw;\r\n  height: 131.6vw;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  @include imgbg(imgUrl(\"mob_chooseitem.png\"));\r\n}\r\n.order-title {\r\n  width: 100%;\r\n  position: absolute;\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 3.6vw;\r\n  line-height: 3.6vw;\r\n}\r\n.order-title-1 {\r\n  margin-top: 10.6vw;\r\n}\r\n.order-title-2 {\r\n  margin-top: 1.9vw;\r\n}\r\n.item-content {\r\n  width: 80.2vw;\r\n  height: 32.7vw;\r\n  margin-left: 4.9vw;\r\n  margin-top: 16.1vw;\r\n  display: flex;\r\n  display: -webkit-flex;\r\n  justify-content: space-between;\r\n}\r\n.infoInput {\r\n  width: 78.9vw;\r\n  height: 12.1vw;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  border: none;\r\n  text-align: center;\r\n  margin-left: 5.5vw;\r\n  margin-top: 7.8vw;\r\n  border-radius: 2.4vw;\r\n  color: white;\r\n  font-size: 3.2vw;\r\n  -webkit-user-select: text !important;\r\n}\r\n::-webkit-input-placeholder {\r\n  color: #ffbc55;\r\n  font-size: 3.2vw;\r\n}\r\n:-moz-placeholder {\r\n  /* Firefox 18- */\r\n  color: #ffbc55;\r\n  font-size: 3.2vw;\r\n}\r\n::-moz-placeholder {\r\n  /* Firefox 19+ */\r\n  color: #ffbc55;\r\n  font-size: 3.2vw;\r\n}\r\n:-ms-input-placeholder {\r\n  color: #ffbc55;\r\n  font-size: 3.2vw;\r\n}\r\ninput:focus {\r\n  outline: none;\r\n}\r\ninput::placeholder {\r\n  color: #ffbc55 !important;\r\n}\r\n.confirm-btn {\r\n  width: 78.9vw;\r\n  height: 12.1vw;\r\n  background-color: #ffbc55;\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  color: #825414;\r\n  font-size: 3.9vw;\r\n  margin-left: 5.5vw;\r\n  margin-top: 46.4vw;\r\n}\r\n</style>","import { render, staticRenderFns } from \"./mobSelectItem.vue?vue&type=template&id=19fdbf91&scoped=true\"\nimport script from \"./mobSelectItem.vue?vue&type=script&lang=js\"\nexport * from \"./mobSelectItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./mobSelectItem.vue?vue&type=style&index=0&id=19fdbf91&prod&scoped=true&lang=scss\"\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  \"19fdbf91\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"select-main\",on:{\"touchmove\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"pc_chooseitem\"},[_c('div',{staticClass:\"order-title order-title-1\"},[_vm._v(\"请选择您的定制款式\")]),_c('div',{staticClass:\"item-content\"},_vm._l((_vm.mobObj),function(item,index){return _c('div',{key:index,on:{\"click\":function($event){return _vm.setSelectIndex(index)}}},[_c('frameItem',{attrs:{\"size\":\"small\",\"frameData\":item,\"select\":_vm.selectIndex==index+1}})],1)}),0),_c('div',{staticClass:\"order-title order-title-2\"},[_vm._v(\"请选择您的定制信息\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.frameInfo),expression:\"frameInfo\"}],staticClass:\"infoInput\",attrs:{\"type\":\"text\",\"placeholder\":\"点击填写内容\",\"maxlength\":\"3\"},domProps:{\"value\":(_vm.frameInfo)},on:{\"keyup\":function($event){_vm.frameInfo=_vm.frameInfo.replace(/\\s+/g,'')},\"input\":function($event){if($event.target.composing)return;_vm.frameInfo=$event.target.value}}}),_c('div',{staticClass:\"confirm-btn\",on:{\"click\":_vm.clickConfirmBtn}},[_vm._v(\"确定定制内容\")])]),(_vm.showMOBConfirmDia)?_c('mobConfirmDialog',{attrs:{\"selectData\":this.selectData}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./mobSelectItem.vue?vue&type=style&index=0&id=19fdbf91&prod&scoped=true&lang=scss\""],"sourceRoot":""}