{"version":3,"sources":["webpack:///./src/views/wishList/SubmitWishList.vue?20f3","webpack:///./src/views/wishList/SubmitWishList.vue","webpack:///./src/views/wishList/SubmitWishList.vue?50fb","webpack:///./src/views/wishList/SubmitWishList.vue?898d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","name","_v","_m","directives","rawName","value","expression","modifiers","domProps","on","$event","target","composing","productName","trim","$forceUpdate","_l","item","key","class","selectedImage","showPreViewImage","getImageSource","deleteImage","uploadedImageList","length","_e","startUploadImage","submitWishList","componentKey","uploadLang","uploadImageUrl","cropUploadSuccess","cropUploadFail","model","callback","$$v","isShowUpload","popUp","staticRenderFns","baseUrls","imgUploadBaseUrl","size","path","postToServer","$modal","show","data","id","description","pictureList","api","postNonWishList","res","success","jsonData","field","console","log","errorCode","filePath","fileName","includes","push","msg","status","image","filter","$t","components","TipValueModal","myUpload","component"],"mappings":"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","file":"static/js/SubmitWishList.8488db8b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"greyBg\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"submitWishList\"},[_c('div',{staticClass:\"breadcrumb\"},[_c('router-link',{attrs:{\"to\":{name: 'MyWishList'},\"tag\":\"a\"}},[_vm._v(\"心愿清单\")]),_c('span',[_vm._v(\" > \")]),_c('router-link',{attrs:{\"to\":{name: 'SearchWishList'},\"tag\":\"a\"}},[_vm._v(\"发现新的心愿\")]),_c('span',[_vm._v(\" > \")]),_c('span',[_vm._v(\"别人的的心愿清单\")])],1),_c('div',{staticClass:\"submitBox\"},[_c('div',{staticClass:\"productName\"},[_vm._m(0),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.productName),expression:\"productName\",modifiers:{\"trim\":true}}],attrs:{\"id\":\"productName\",\"maxlength\":100,\"placeholder\":\"请尽可能填写完整你想要的心愿商品名称\",\"type\":\"text\"},domProps:{\"value\":(_vm.productName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.productName=$event.target.value.trim()},\"blur\":function($event){return _vm.$forceUpdate()}}})]),_c('div',{staticClass:\"upload\"},[_c('label',{staticClass:\"imgUploadLabel\",attrs:{\"for\":\"uploadImg\"}},[_vm._v(\"上传照片\")]),_c('div',{staticClass:\"uploadImg\",attrs:{\"id\":\"uploadImg\"}},[_c('div',{staticClass:\"wrap\"},[_vm._l((_vm.uploadedImageList),function(item){return _c('div',{key:item,staticClass:\"imgContainer\"},[_c('div',{staticClass:\"img\"},[_c('a',{class:_vm.selectedImage === item? 'on': '',attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.showPreViewImage(item)}}},[_c('img',{attrs:{\"src\":_vm.getImageSource('60', item)}}),_c('span')]),_c('span',{staticClass:\"closeBtn\",on:{\"click\":function($event){return _vm.deleteImage(item)}}})])])}),(_vm.uploadedImageList.length < 8)?_c('div',{staticClass:\"uploadImgBtn\"},[_c('em'),(_vm.uploadedImageList.length < 3)?_c('p',[_vm._v(\"选填，可上传心愿商品图片，最多8张\")]):_vm._e(),_c('button',{staticClass:\"uploadImgBtn\",on:{\"click\":function($event){return _vm.startUploadImage()}}})]):_vm._e()],2)])]),(_vm.selectedImage)?_c('div',{staticClass:\"largeImgContainer\"},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_c('img',{attrs:{\"src\":_vm.getImageSource('400', _vm.selectedImage)}}),_c('span')])]):_vm._e(),_c('div',{staticClass:\"submitBtn\"},[_c('button',{staticClass:\"btnOrange_s\",on:{\"click\":_vm.submitWishList}},[_vm._v(\"提交心愿\")])])])])]),_c('my-upload',{key:_vm.componentKey,attrs:{\"lang-type\":_vm.uploadLang,\"field\":\"img\",\"width\":400,\"height\":400,\"url\":_vm.uploadImageUrl,\"noCircle\":true,\"noSquare\":true},on:{\"crop-upload-success\":_vm.cropUploadSuccess,\"croP-upload-fail\":_vm.cropUploadFail},model:{value:(_vm.isShowUpload),callback:function ($$v) {_vm.isShowUpload=$$v},expression:\"isShowUpload\"}}),_c('TipValueModal',{attrs:{\"popUp\":_vm.popUp}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{attrs:{\"for\":\"productName\"}},[_c('span',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"商品名称\")])}]\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport {Component, Vue} from 'vue-property-decorator'\r\nimport getImageSource from \"@/helpers/getImageSource\";\r\nimport TipValueModal from \"@/components/Modals/TipValueModal.vue\";\r\nimport myUpload from 'vue-image-crop-upload';\r\nimport {baseUrls} from \"@/api/baseUrls\";\r\nimport api from \"@/api/api\";\r\n\r\n@Component({\r\n  components:{\r\n    TipValueModal,\r\n    myUpload\r\n  }\r\n})\r\nexport default class SubmitWishList extends Vue {\r\n  private uploadedImageList: string[] = []\r\n  public isShowUpload = false\r\n  public popUp = \"\"\r\n  public componentKey = 0\r\n  public uploadImageUrl = baseUrls.imgUploadBaseUrl + '/api/upload'\r\n  public selectedImage = \"\"\r\n  public productName=\"\"\r\n\r\n  public getImageSource(size, path: string) {\r\n    return getImageSource(size, path)\r\n  }\r\n\r\n  submitWishList() {\r\n    if(this.productName){\r\n      this.postToServer()\r\n    }else{\r\n      this.popUp = '请输入商品名称'\r\n      this.$modal.show(\"TipValueModal\");\r\n    }\r\n  }\r\n\r\n  async postToServer(){\r\n    try {\r\n      const data = {\r\n        id: 0,\r\n        description: this.productName,\r\n        pictureList: this.uploadedImageList\r\n      }\r\n      const res = await api.postNonWishList(data)\r\n      if(res.success){\r\n        this.popUp= '提交心愿成功！'\r\n      }\r\n    }catch (e){\r\n      this.popUp = e\r\n    }\r\n    this.$modal.show('TipValueModal')\r\n  }\r\n\r\n  startUploadImage(){\r\n    this.componentKey += 1\r\n    this.isShowUpload = !this.isShowUpload\r\n  }\r\n\r\n  async cropUploadSuccess(jsonData, field) {\r\n    console.log('-------- upload success --------');\r\n    console.log(jsonData);\r\n    console.log('field: ' + field);\r\n    if (!jsonData.success || jsonData.errorCode !== 0) {\r\n      this.popUp = jsonData.msg\r\n      this.$modal.show(\"TipValueModal\");\r\n    } else {\r\n      const path = jsonData.data.filePath + jsonData.data.fileName\r\n      if(this.uploadedImageList.length < 8 && !this.uploadedImageList.includes(path)){\r\n        this.uploadedImageList.push(path)\r\n      }\r\n    }\r\n  }\r\n\r\n  cropUploadFail(status, field) {\r\n    console.log('-------- upload fail --------');\r\n    console.log(status);\r\n    console.log('field: ' + field);\r\n  }\r\n\r\n  get uploadLang() {\r\n    if (this.$t(\"MyAccount.accountInfo.accountForm.DatePickerLang\") === \"zh\") {\r\n      return 'zh';\r\n    } else {\r\n      return 'en';\r\n    }\r\n  }\r\n\r\n  showPreViewImage(image){\r\n    if(this.selectedImage === image){\r\n      this.selectedImage = \"\"\r\n    }else{\r\n      this.selectedImage = image\r\n    }\r\n  }\r\n\r\n  deleteImage(image){\r\n    if(this.uploadedImageList.includes(image)){\r\n      this.uploadedImageList = this.uploadedImageList.filter(item => item !== image)\r\n    }\r\n    if(this.selectedImage === image){\r\n      this.selectedImage = \"\"\r\n    }\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitWishList.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--14-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SubmitWishList.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./SubmitWishList.vue?vue&type=template&id=a57e6680&\"\nimport script from \"./SubmitWishList.vue?vue&type=script&lang=ts&\"\nexport * from \"./SubmitWishList.vue?vue&type=script&lang=ts&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}