{"version":3,"sources":["webpack:///./src/views/booking/BookingForm.vue?3b43","webpack:///./src/views/booking/BookingForm.vue","webpack:///src/views/booking/BookingForm.vue","webpack:///./src/views/booking/BookingForm.vue?5a35","webpack:///./src/views/booking/BookingForm.vue?4bb8"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","onClickLeft","path","query","puid","productApiModel","ProductId","notShow","CoverPhoto","_v","_s","ProductName","Price","scopedSlots","_u","key","fn","model","value","stepValue","callback","$$v","expression","proxy","$event","bookDateShow","bookDate","_m","arealistShow","areaListInput","_l","cemeteryList","item","SerialNumber","muyuanRadio","CemeteryName","afterRead","fileList","Math","floor","maxDate","minDate","bookDateChange","currenDate","ref","columns","onConfirm","staticRenderFns","data","Date","$moment","format","getFullYear","areaList","AreaList","components","mounted","document","querySelector","setAttribute","beforeDestroy","removeAttribute","methods","$router","go","file","picker","index","dateArray","getValues","join","getCemeteryList","init","that","$store","dispatch","type","then","res","AreasList","i","length","temp","id","ID","text","DescName","children","CityList","map","ce","push","err","Indexes","$refs","area","getIndexes","areaLastId","AreaLastId","CemeteryApiModelList","created","state","component"],"mappings":"kHAAA,W,mECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,OAAO,MAAQ,GAAG,UAAU,GAAG,aAAa,GAAG,QAAS,GAAOC,GAAG,CAAC,aAAaN,EAAIO,eAAeL,EAAG,MAAM,CAACE,YAAY,gBAAgBF,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,cAAc,CAACF,EAAG,cAAc,CAACE,YAAY,kBAAkBC,MAAM,CAAC,GAAK,CAACG,KAAK,uBAAuBC,MAAM,CAACC,KAAKV,EAAIW,gBAAgBC,UAAWC,SAAQ,MAAS,CAACX,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQ,OAAO,OAAS,OAAO,IAAM,QAAQ,IAAML,EAAIW,gBAAgBG,eAAe,GAAGZ,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACJ,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAIW,gBAAgBM,gBAAgBf,EAAG,MAAM,CAACE,YAAY,SAAS,CAACJ,EAAIe,GAAG,IAAIf,EAAIgB,GAAGhB,EAAIW,gBAAgBO,eAAe,GAAGhB,EAAG,UAAU,CAACE,YAAY,cAAc,CAACF,EAAG,WAAW,CAACG,MAAM,CAAC,MAAQ,MAAMc,YAAYnB,EAAIoB,GAAG,CAAC,CAACC,IAAI,aAAaC,GAAG,WAAW,MAAO,CAACpB,EAAG,cAAc,CAACqB,MAAM,CAACC,MAAOxB,EAAIyB,UAAWC,SAAS,SAAUC,GAAM3B,EAAIyB,UAAUE,GAAKC,WAAW,iBAAiBC,OAAM,QAAW,GAAG3B,EAAG,UAAU,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIe,GAAG,UAAUb,EAAG,OAAO,CAACE,YAAY,YAAYE,GAAG,CAAC,MAAQ,SAASwB,GAAQ9B,EAAI+B,cAAe,KAAQ,CAAC/B,EAAIe,GAAG,YAAYb,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,GAAG,SAAW,IAAIkB,MAAM,CAACC,MAAOxB,EAAIgC,SAAUN,SAAS,SAAUC,GAAM3B,EAAIgC,SAASL,GAAKC,WAAW,eAAe,GAAG1B,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,cAAc,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,cAAc,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,UAAU,KAAO,UAAU,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,cAAc,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIe,GAAG,OAAOf,EAAIe,GAAG,SAASb,EAAG,OAAO,CAACE,YAAY,YAAYE,GAAG,CAAC,MAAQ,SAASwB,GAAQ9B,EAAIkC,cAAe,KAAS,CAAClC,EAAIe,GAAGf,EAAIgB,GAAGhB,EAAImC,oBAAoBjC,EAAG,MAAM,CAACE,YAAY,aAAaJ,EAAIoC,GAAIpC,EAAIqC,cAAc,SAASC,GAAM,OAAOpC,EAAG,kBAAkB,CAACmB,IAAIiB,EAAKC,aAAahB,MAAM,CAACC,MAAOxB,EAAIwC,YAAad,SAAS,SAAUC,GAAM3B,EAAIwC,YAAYb,GAAKC,WAAW,gBAAgB,CAAC1B,EAAG,WAAW,CAACG,MAAM,CAAC,QAAS,EAAM,MAAQiC,EAAKG,aAAa,UAAY,IAAInC,GAAG,CAAC,MAAQ,SAASwB,GAAQ9B,EAAIwC,YAAcF,EAAKC,eAAepB,YAAYnB,EAAIoB,GAAG,CAAC,CAACC,IAAI,aAAaC,GAAG,WAAW,MAAO,CAACpB,EAAG,YAAY,CAACG,MAAM,CAAC,KAAOiC,EAAKC,kBAAkBV,OAAM,IAAO,MAAK,MAAS,MAAK,KAAK3B,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,YAAY,CAACG,MAAM,CAAC,YAAc,uCAAuC,GAAGH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,aAAaL,EAAI0C,UAAU,YAAY,GAAGnB,MAAM,CAACC,MAAOxB,EAAI2C,SAAUjB,SAAS,SAAUC,GAAM3B,EAAI2C,SAAShB,GAAKC,WAAW,eAAe,KAAK1B,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACJ,EAAIiC,GAAG,GAAG/B,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,eAAe,CAACG,MAAM,CAAC,aAAaL,EAAI0C,UAAU,YAAY,GAAGnB,MAAM,CAACC,MAAOxB,EAAI2C,SAAUjB,SAAS,SAAUC,GAAM3B,EAAI2C,SAAShB,GAAKC,WAAW,eAAe,OAAO1B,EAAG,UAAU,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIe,GAAG,IAAIf,EAAIgB,GAAG4B,KAAKC,MAAO7C,EAAIW,gBAAgBO,MAAQlB,EAAIyB,UAAa,KAAO,QAAQvB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQ,GAAG,MAAQ,SAAS,KAAO,QAAQ,GAAK,eAAe,QAAU,KAAK,CAACL,EAAIe,GAAG,WAAW,OAAOb,EAAG,YAAY,CAACG,MAAM,CAAC,SAAW,UAAUkB,MAAM,CAACC,MAAOxB,EAAI+B,aAAcL,SAAS,SAAUC,GAAM3B,EAAI+B,aAAaJ,GAAKC,WAAW,iBAAiB,CAAC1B,EAAG,sBAAsB,CAACG,MAAM,CAAC,eAAe,GAAG,MAAQ,UAAU,KAAO,OAAO,WAAWL,EAAI8C,QAAQ,WAAW9C,EAAI+C,SAASzC,GAAG,CAAC,QAAU,SAASwB,GAAQ9B,EAAI+B,cAAe,GAAO,OAAS,SAASD,GAAQ9B,EAAI+B,cAAe,GAAO,OAAS/B,EAAIgD,gBAAgBzB,MAAM,CAACC,MAAOxB,EAAIiD,WAAYvB,SAAS,SAAUC,GAAM3B,EAAIiD,WAAWtB,GAAKC,WAAW,iBAAiB,GAAG1B,EAAG,YAAY,CAACG,MAAM,CAAC,SAAW,UAAUkB,MAAM,CAACC,MAAOxB,EAAIkC,aAAcR,SAAS,SAAUC,GAAM3B,EAAIkC,aAAaP,GAAKC,WAAW,iBAAiB,CAAC1B,EAAG,aAAa,CAACgD,IAAI,OAAO7C,MAAM,CAAC,eAAe,GAAG,QAAUL,EAAImD,QAAQ,gBAAgB,GAAG7C,GAAG,CAAC,OAAS,SAASwB,GAAQ9B,EAAIkC,cAAe,GAAO,QAAUlC,EAAIoD,cAAc,IAAI,IAEz+IC,EAAkB,CAAC,WAAY,IAAIrD,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIe,GAAG,OAAOf,EAAIe,GAAG,aAC9J,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIe,GAAG,OAAOf,EAAIe,GAAG,eACzI,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIe,GAAG,OAAOf,EAAIe,GAAG,UACzI,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIe,GAAG,OAAOf,EAAIe,GAAG,YACzI,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACJ,EAAIe,GAAG,OAAOf,EAAIe,GAAG,YACzI,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,YAAYJ,EAAIe,GAAG,mBAC3H,WAAY,IAAIf,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,IAAI,CAACE,YAAY,YAAYJ,EAAIe,GAAG,qB,kCCoK9G,GACfuC,OACA,OACA7B,UAAA,EACAe,YAAA,EACAG,SAAA,GACAM,WAAA,IAAAM,KACAvB,SAAA,KAAAwB,QAAA,IAAAD,MAAAE,OAAA,cACA1B,cAAA,EACAgB,QAAA,IAAAQ,KACAT,QAAA,IAAAS,MAAA,IAAAA,MAAAG,cAAA,QACAxB,cAAA,EACAyB,SAAAC,OACAzB,cAAA,SACAxB,gBAAA,GACAwC,QAAA,GACAd,aAAA,EAAAE,aAAA,EAAAE,aAAA,YAGAoB,WAAA,GACAC,UACAC,SACAC,cAAA,QACAC,aAAA,gDAEAC,gBACAH,SAAAC,cAAA,QAAAG,gBAAA,UAEAC,QAAA,CACA7D,cACA,KAAA8D,QAAAC,IAAA,IAEA5B,UAAA6B,KAIAvB,eAAAwB,EAAAhD,EAAAiD,GACA,IAAAC,EAAAF,EAAAG,YACA,KAAA3C,SAAA0C,EAAAE,KAAA,MAQAxB,UAAA5B,GACA,KAAAU,cAAA,EACA,KAAAC,cAAAX,EAAA,SAAAA,EAAA,GACA,KAAAqD,mBAEAC,OACA,IAAAC,EAAA,KACAA,EAAAC,OAAAC,SAAA,CACAC,KAAA,0BACAC,KAAAC,IAEA,GAAAA,EAAAC,UACA,QAAAC,EAAA,EAAAA,EAAAF,EAAAC,UAAAE,OAAAD,IAAA,CAEA,IAAAE,EAAA,CACAC,GAAAL,EAAAC,UAAAC,GAAAI,GACAC,KAAAP,EAAAC,UAAAC,GAAAM,SACAC,SAAA,IAGAT,EAAAC,UAAAC,GAAAQ,SAAAC,IAAAC,IACAR,EAAAK,SAAAI,KAAA,CACAR,GAAAO,EAAAN,GACAC,KAAAK,EAAAJ,aAGAb,EAAA5B,QAAA8C,KAAAT,KAGAU,QAEArB,kBACA,IAAAE,EAAA,KACAoB,EAAA,KAAAC,MAAAC,KAAAC,aACAC,EAAA,KAAApD,QAAAgD,EAAA,IAAAN,SAAAM,EAAA,IAAAV,GACA,KAAAT,OAAAC,SAAA,CACAC,KAAA,gCACAsB,WAAAD,IACApB,KAAAC,IAEAA,EAAAqB,qBAAAlB,OAAA,GACAR,EAAA1C,aAAA+C,EAAAqB,qBACA1B,EAAAvC,YAAA4C,EAAAqB,qBAAA,GAAAlE,eAEAwC,EAAAvC,YAAA,EACAuC,EAAA1C,aAAA,EAAAE,aAAA,EAAAE,aAAA,WAGAyD,SAGAQ,UACA,KAAA/F,gBAAA,KAAAqE,OAAA2B,MAAAhG,gBACA,KAAAmE,SC/QmW,I,wBCQ/V8B,EAAY,eACd,EACA7G,EACAsD,GACA,EACA,KACA,WACA,MAIa,aAAAuD,E","file":"js/chunk-73616808.bcba29c0.js","sourcesContent":["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!./BookingForm.vue?vue&type=style&index=0&id=0d6113ed&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"orderFormPage\"},[_c('van-nav-bar',{attrs:{\"title\":\"订单结算\",\"fixed\":\"\",\"z-index\":99,\"left-arrow\":\"\",\"border\":false},on:{\"click-left\":_vm.onClickLeft}}),_c('div',{staticClass:\"navBarSpace\"}),_c('div',[_c('section',{staticClass:\"form-panel\"},[_c('router-link',{staticClass:\"book-goods-list\",attrs:{\"to\":{path:'/BookingGoodsDetails',query:{puid:_vm.productApiModel.ProductId, notShow:true}}}},[_c('div',{staticClass:\"hd\"},[_c('van-image',{attrs:{\"width\":\"100%\",\"height\":\"100%\",\"fit\":\"cover\",\"src\":_vm.productApiModel.CoverPhoto}})],1),_c('div',{staticClass:\"bd\"},[_c('h2',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.productApiModel.ProductName))]),_c('div',{staticClass:\"price\"},[_vm._v(\"￥\"+_vm._s(_vm.productApiModel.Price))])])])],1),_c('section',{staticClass:\"form-panel\"},[_c('van-cell',{attrs:{\"title\":\"数量\"},scopedSlots:_vm._u([{key:\"right-icon\",fn:function(){return [_c('van-stepper',{model:{value:(_vm.stepValue),callback:function ($$v) {_vm.stepValue=$$v},expression:\"stepValue\"}})]},proxy:true}])})],1),_c('section',{staticClass:\"form-panel\"},[_c('div',{staticClass:\"order-info-item\"},[_c('div',{staticClass:\"label-tit\"},[_vm._v(\" 预约时间 \"),_c('span',{staticClass:\"selectBtn\",on:{\"click\":function($event){_vm.bookDateShow = true}}},[_vm._v(\"选择日期\")])]),_c('van-field',{attrs:{\"placeholder\":\"\",\"readonly\":\"\"},model:{value:(_vm.bookDate),callback:function ($$v) {_vm.bookDate=$$v},expression:\"bookDate\"}})],1),_c('div',{staticClass:\"order-info-item\"},[_vm._m(0),_c('van-field',{attrs:{\"placeholder\":\"填写委托人姓名\"}})],1),_c('div',{staticClass:\"order-info-item\"},[_vm._m(1),_c('van-field',{attrs:{\"placeholder\":\"身份证/回乡证\"}})],1),_c('div',{staticClass:\"order-info-item\"},[_vm._m(2),_c('van-field',{attrs:{\"placeholder\":\"请输入手机号码\",\"type\":\"tel\"}})],1),_c('div',{staticClass:\"order-info-item\"},[_vm._m(3),_c('van-field',{attrs:{\"placeholder\":\"请填写先人姓名\"}})],1),_c('div',{staticClass:\"order-info-item\"},[_c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"},[_vm._v(\"*\")]),_vm._v(\"安葬地点 \"),_c('span',{staticClass:\"selectBtn\",on:{\"click\":function($event){_vm.arealistShow = true;}}},[_vm._v(_vm._s(_vm.areaListInput))])]),_c('div',{staticClass:\"muyuanBox\"},_vm._l((_vm.cemeteryList),function(item){return _c('van-radio-group',{key:item.SerialNumber,model:{value:(_vm.muyuanRadio),callback:function ($$v) {_vm.muyuanRadio=$$v},expression:\"muyuanRadio\"}},[_c('van-cell',{attrs:{\"border\":false,\"title\":item.CemeteryName,\"clickable\":\"\"},on:{\"click\":function($event){_vm.muyuanRadio = item.SerialNumber}},scopedSlots:_vm._u([{key:\"right-icon\",fn:function(){return [_c('van-radio',{attrs:{\"name\":item.SerialNumber}})]},proxy:true}],null,true)})],1)}),1)]),_c('div',{staticClass:\"order-info-item\"},[_vm._m(4),_c('van-field',{attrs:{\"placeholder\":\"**墓园**区**行**号、**骨灰室 **室**柜**行**号\"}})],1),_c('div',{staticClass:\"order-info-item\"},[_vm._m(5),_c('div',{staticClass:\"van-cell\"},[_c('van-uploader',{attrs:{\"after-read\":_vm.afterRead,\"max-count\":1},model:{value:(_vm.fileList),callback:function ($$v) {_vm.fileList=$$v},expression:\"fileList\"}})],1)]),_c('div',{staticClass:\"order-info-item\"},[_vm._m(6),_c('div',{staticClass:\"van-cell\"},[_c('van-uploader',{attrs:{\"after-read\":_vm.afterRead,\"max-count\":1},model:{value:(_vm.fileList),callback:function ($$v) {_vm.fileList=$$v},expression:\"fileList\"}})],1)])]),_c('section',{staticClass:\"form__bottom van-hairline--top\"},[_c('div',{staticClass:\"total-price\"},[_vm._v(\"￥\"+_vm._s(Math.floor((_vm.productApiModel.Price * _vm.stepValue) * 100) / 100))]),_c('div',{staticClass:\"flexmid\"},[_c('van-button',{attrs:{\"round\":\"\",\"color\":\"orange\",\"size\":\"large\",\"to\":\"/BookingForm\",\"replace\":\"\"}},[_vm._v(\"提交订单\")])],1)])]),_c('van-popup',{attrs:{\"position\":\"bottom\"},model:{value:(_vm.bookDateShow),callback:function ($$v) {_vm.bookDateShow=$$v},expression:\"bookDateShow\"}},[_c('van-datetime-picker',{attrs:{\"show-toolbar\":\"\",\"title\":\"请选择预约时间\",\"type\":\"date\",\"max-date\":_vm.maxDate,\"min-date\":_vm.minDate},on:{\"confirm\":function($event){_vm.bookDateShow = false},\"cancel\":function($event){_vm.bookDateShow = false},\"change\":_vm.bookDateChange},model:{value:(_vm.currenDate),callback:function ($$v) {_vm.currenDate=$$v},expression:\"currenDate\"}})],1),_c('van-popup',{attrs:{\"position\":\"bottom\"},model:{value:(_vm.arealistShow),callback:function ($$v) {_vm.arealistShow=$$v},expression:\"arealistShow\"}},[_c('van-picker',{ref:\"area\",attrs:{\"show-toolbar\":\"\",\"columns\":_vm.columns,\"default-index\":0},on:{\"cancel\":function($event){_vm.arealistShow = false},\"confirm\":_vm.onConfirm}})],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"},[_vm._v(\"*\")]),_vm._v(\"委托人姓名 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"},[_vm._v(\"*\")]),_vm._v(\"委托人证件号码 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"},[_vm._v(\"*\")]),_vm._v(\"手机 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"},[_vm._v(\"*\")]),_vm._v(\"先人姓名 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"},[_vm._v(\"*\")]),_vm._v(\"安放位置 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"}),_vm._v(\"上传寄存证/安葬证封面 \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"label-tit\"},[_c('i',{staticClass:\"require\"}),_vm._v(\"上传寄存证/安葬证信息页 \")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"orderFormPage\">\r\n    <!-- header start -->\r\n    <van-nav-bar\r\n      title=\"订单结算\"\r\n      fixed\r\n      :z-index=\"99\"\r\n      left-arrow\r\n      @click-left=\"onClickLeft\"\r\n      :border=\"false\"\r\n    />\r\n    <div class=\"navBarSpace\"></div>\r\n    <!-- header end -->\r\n\r\n    <div>\r\n      <section class=\"form-panel\">\r\n        <router-link :to=\"{path:'/BookingGoodsDetails',query:{puid:productApiModel.ProductId, notShow:true}}\" class=\"book-goods-list\">\r\n          <div class=\"hd\">\r\n            <van-image\r\n              width=\"100%\"\r\n              height=\"100%\"\r\n              fit=\"cover\"\r\n              :src=\"productApiModel.CoverPhoto\"\r\n            />\r\n          </div>\r\n          <div class=\"bd\">\r\n            <h2 class=\"title\">{{productApiModel.ProductName}}</h2>\r\n            <div class=\"price\">￥{{productApiModel.Price}}</div>\r\n          </div>\r\n        </router-link>\r\n      </section>\r\n\r\n      <section class=\"form-panel\">\r\n        <van-cell title=\"数量\">\r\n          <template #right-icon>\r\n            <van-stepper v-model=\"stepValue\" />\r\n          </template>\r\n        </van-cell>\r\n      </section>\r\n\r\n      <section class=\"form-panel\">\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            预约时间\r\n            <span class=\"selectBtn\" @click=\"bookDateShow = true\">选择日期</span>\r\n          </div>\r\n          <van-field placeholder readonly v-model=\"bookDate\" />\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\">*</i>委托人姓名\r\n          </div>\r\n          <van-field placeholder=\"填写委托人姓名\" />\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\">*</i>委托人证件号码\r\n          </div>\r\n          <van-field placeholder=\"身份证/回乡证\" />\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\">*</i>手机\r\n          </div>\r\n          <van-field placeholder=\"请输入手机号码\" type=\"tel\" />\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\">*</i>先人姓名\r\n          </div>\r\n          <van-field placeholder=\"请填写先人姓名\" />\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\">*</i>安葬地点\r\n            <span class=\"selectBtn\" @click=\"arealistShow = true;\">{{areaListInput}}</span>\r\n          </div>\r\n          <div class=\"muyuanBox\">\r\n            <van-radio-group v-model=\"muyuanRadio\" v-for=\"item in cemeteryList\" :key=\"item.SerialNumber\"  >\r\n              <van-cell :border=\"false\" :title=\"item.CemeteryName\" clickable @click=\"muyuanRadio = item.SerialNumber\">\r\n                <template #right-icon>\r\n                  <van-radio :name=\"item.SerialNumber\" />\r\n                </template>\r\n              </van-cell>\r\n              <!-- <van-cell :border=\"false\" title=\"仙峰山墓园\" clickable @click=\"muyuanRadio = '2'\">\r\n                <template #right-icon>\r\n                  <van-radio name=\"2\" />\r\n                </template>\r\n              </van-cell>\r\n              <van-cell :border=\"false\" title=\"仙峰山骨灰室\" clickable @click=\"muyuanRadio = '3'\">\r\n                <template #right-icon>\r\n                  <van-radio name=\"3\" />\r\n                </template>\r\n              </van-cell> -->\r\n            </van-radio-group>\r\n          </div>\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\">*</i>安放位置\r\n          </div>\r\n          <van-field placeholder=\"**墓园**区**行**号、**骨灰室 **室**柜**行**号\" />\r\n        </div>\r\n\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\"></i>上传寄存证/安葬证封面\r\n          </div>\r\n          <div class=\"van-cell\">\r\n            <van-uploader :after-read=\"afterRead\" v-model=\"fileList\" :max-count=\"1\" />\r\n          </div>\r\n        </div>\r\n        <div class=\"order-info-item\">\r\n          <div class=\"label-tit\">\r\n            <i class=\"require\"></i>上传寄存证/安葬证信息页\r\n          </div>\r\n          <div class=\"van-cell\">\r\n            <van-uploader :after-read=\"afterRead\" v-model=\"fileList\" :max-count=\"1\" />\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <section class=\"form__bottom van-hairline--top\">\r\n        <div class=\"total-price\">￥{{Math.floor((productApiModel.Price * stepValue) * 100) / 100}}</div>\r\n        <div class=\"flexmid\">\r\n          <van-button round color=\"orange\" size=\"large\" to=\"/BookingForm\" replace>提交订单</van-button>\r\n        </div>\r\n      </section>\r\n    </div>\r\n\r\n    <!-- 预约时间 popup start -->\r\n    <van-popup v-model=\"bookDateShow\" position=\"bottom\">\r\n      <van-datetime-picker\r\n        show-toolbar\r\n        title=\"请选择预约时间\"\r\n        v-model=\"currenDate\"\r\n        type=\"date\"\r\n        :max-date=\"maxDate\"\r\n        :min-date=\"minDate\"\r\n        @confirm=\"bookDateShow = false\"\r\n        @cancel=\"bookDateShow = false\"\r\n        @change=\"bookDateChange\"\r\n      />\r\n    </van-popup>\r\n    <!-- 预约时间 popup end -->\r\n\r\n    <!-- 选择省 / 市 / 区 popup start -->\r\n    <van-popup v-model=\"arealistShow\" position=\"bottom\">\r\n      <!-- <van-area\r\n        :area-list=\"areaList\"\r\n        :columns-num=\"2\"\r\n        value=\"110101\"\r\n        @confirm=\"arealistShow = false\"\r\n        @cancel=\"arealistShow = false\"\r\n        @change=\"onAreaListChange\"\r\n      /> -->\r\n      <van-picker ref=\"area\"\r\n        show-toolbar\t\r\n        :columns=\"columns\"\r\n        :default-index=\"0\"\r\n        @cancel=\"arealistShow = false\"\r\n        @confirm=\"onConfirm\"\r\n        \r\n      />\r\n    </van-popup>\r\n    <!-- 选择省 / 市 / 区 popup end -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ImagePreview } from \"vant\";\r\nimport AreaList from \"@/assets/js/area\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      stepValue: 1,\r\n      muyuanRadio: 0,\r\n      fileList: [],\r\n      currenDate: new Date(),\r\n      bookDate: this.$moment(new Date()).format('YYYY-MM-DD'),\r\n      bookDateShow: false,\r\n      minDate: new Date(),\r\n      maxDate: new Date(new Date().getFullYear() + 2, 10, 1),\r\n      arealistShow: false,\r\n      areaList: AreaList,\r\n      areaListInput: \"选择安葬地点\",\r\n      productApiModel : {},\r\n      columns:[],\r\n      cemeteryList:[{SerialNumber : 0,CemeteryName:\"请选择墓园\"}],\r\n    };\r\n  },\r\n  components: {},\r\n  mounted() {\r\n    document\r\n      .querySelector(\"body\")\r\n      .setAttribute(\"style\", \"background-color:#f2f2f2 !important\");\r\n  },\r\n  beforeDestroy() {\r\n    document.querySelector(\"body\").removeAttribute(\"style\");\r\n  },\r\n  methods: {\r\n    onClickLeft() {\r\n      this.$router.go(-1);\r\n    },\r\n    afterRead(file) {\r\n      // 此时可以自行将文件上传至服务器\r\n      //console.log(file);\r\n    },\r\n    bookDateChange(picker, value, index) {\r\n      var dateArray = picker.getValues();\r\n      this.bookDate = dateArray.join(\"-\");\r\n    },\r\n    /*选择省 / 市 / 区*/\r\n    // onAreaListChange(picker, values,  ){\r\n    //   var v = this.$refs.area.getIndexes()\r\n    //   var areaValue = picker.getValues();\r\n    //   this.areaListInput = areaValue[0] +' / '+ areaValue[1]\r\n    // },\r\n    onConfirm(value) {\r\n      this.arealistShow = false;\r\n      this.areaListInput = value[0] +' / '+ value[1]\r\n      this.getCemeteryList();\r\n    },\r\n    init(){\r\n      var that = this;\r\n      that.$store.dispatch({\r\n        type:\"GetSharedGetAreasList\",\r\n      }).then(res => {\r\n        //console.log(res);\r\n        if(res.AreasList){\r\n          for(var i=0; i< res.AreasList.length; i++){\r\n            // 加载市区\r\n            var temp = {\r\n              id : res.AreasList[i].ID,\r\n              text : res.AreasList[i].DescName,\r\n              children:[],\r\n            };\r\n            // 加载城市\r\n            res.AreasList[i].CityList.map(ce => {\r\n              temp.children.push({\r\n                id : ce.ID,\r\n                text : ce.DescName\r\n              })\r\n            })\r\n            that.columns.push(temp);\r\n          }      \r\n        }\r\n      }, err => {})\r\n    },\r\n    getCemeteryList(){\r\n      var that = this;\r\n      var Indexes = this.$refs.area.getIndexes();\r\n      var areaLastId = this.columns[Indexes[0]].children[Indexes[1]].id;\r\n      this.$store.dispatch({\r\n        type: \"GetCemeteryApiModelSearchList\",\r\n        AreaLastId : areaLastId,\r\n      }).then(res => {\r\n        //console.log(res.CemeteryApiModelList);\r\n        if(res.CemeteryApiModelList.length > 0){\r\n          that.cemeteryList = res.CemeteryApiModelList;\r\n          that.muyuanRadio = res.CemeteryApiModelList[0].SerialNumber;\r\n        }else{\r\n          that.muyuanRadio = 0;\r\n          that.cemeteryList = [{SerialNumber : 0,CemeteryName:\"暂无墓园\"}];\r\n        }\r\n        \r\n      }, err =>{});\r\n    }\r\n  },\r\n  created() {\r\n    this.productApiModel = this.$store.state.productApiModel;\r\n    this.init();\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.book-goods-list {\r\n  background-color: #fff;\r\n  border-radius: 6px;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 14px 16px;\r\n}\r\n.book-goods-list > .hd {\r\n  width: 80px;\r\n  height: 80px;\r\n  margin-right: 12px;\r\n}\r\n.book-goods-list > .hd > .avatar {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 6px;\r\n}\r\n.book-goods-list > .bd {\r\n  flex: 1;\r\n  overflow: hidden;\r\n}\r\n.book-goods-list > .bd .title {\r\n  font-size: 15px;\r\n  font-weight: normal;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  text-overflow: ellipsis;\r\n}\r\n.book-goods-list > .bd .price {\r\n  overflow: hidden;\r\n  font-size: 14px;\r\n  color: crimson;\r\n  margin-top: 20px;\r\n}\r\n.form-panel {\r\n  margin-bottom: 8px;\r\n  background-color: #fff;\r\n}\r\n.label-tit {\r\n  padding: 0 16px;\r\n  font-size: 13px;\r\n  color: #555;\r\n}\r\n.selectBtn {\r\n  color: #1989fa;\r\n  margin-left: 20px;\r\n}\r\n.label-tit .require {\r\n  color: red;\r\n  margin-right: 6px;\r\n}\r\n.order-info-item {\r\n  border-bottom: 1px solid #eee;\r\n  background-color: #fff;\r\n  padding: 16px 0 4px;\r\n}\r\n.muyuanBox {\r\n  padding: 10px;\r\n}\r\n.form__bottom {\r\n  position: fixed;\r\n  bottom: 0;\r\n  left: 0;\r\n  z-index: 999;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  height: 50px;\r\n  background-color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 0 16px;\r\n}\r\n.orderFormPage {\r\n  padding-bottom: 50px;\r\n}\r\n.form__bottom .total-price {\r\n  font-size: 21px;\r\n  color: crimson;\r\n  width: 120px;\r\n  margin-right: 10px;\r\n}\r\n.form__bottom .van-button {\r\n  height: 40px;\r\n  line-height: 40px;\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!./BookingForm.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!./BookingForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./BookingForm.vue?vue&type=template&id=0d6113ed&scoped=true\"\nimport script from \"./BookingForm.vue?vue&type=script&lang=js\"\nexport * from \"./BookingForm.vue?vue&type=script&lang=js\"\nimport style0 from \"./BookingForm.vue?vue&type=style&index=0&id=0d6113ed&prod&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  \"0d6113ed\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}