{"version":3,"sources":["webpack:///./src/view/moose/washing.vue?e45f","webpack:///src/view/moose/washing.vue","webpack:///./src/view/moose/washing.vue?bcaf","webpack:///./src/view/moose/washing.vue","webpack:///./src/view/moose/washing.vue?5e67"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","width","height","position","background-color","overflow","background","z-index","transform","top","left","_e","staticClass","display","justify-content","attrs","xs","sm","lg","align-items","line-height","font-size","margin","_v","white-space","margin-right","margin-left","placeholder","on","keyup","$event","type","indexOf","_k","keyCode","key","queryOrder","model","value","userForm","callback","$$v","$set","expression","slot","click","handleBarcode","padding","margin-bottom","_s","userName","phone","min-height","address","flex","text-align","ref","auto-upload","action","list-type","on-change","beforeUploadPic","on-success","uploadPicSuccess","on-remove","removePic","data","uploadData","limit","file-list","picFileList","show-file-list","on-preview","handlePictureCardPreview","color","visible","dialogVisible","update:visible","span","src","dialogImageUrl","alt","beforeUploadPic2","uploadPicSuccess2","removePic2","uploadData2","picFileList2","handlePictureCardPreview2","dialogVisible2","dialogImageUrl2","max-width","style","status","padding-top","border-radius","max-height","margin-top","font-weight","padding-left","word-wrap","detailList","returnHome","flex-direction","padding-bottom","show","isShown","getScanResult","getResult","isHiddenScanBtn","staticRenderFns","washingvue_type_script_lang_js_","components","barcodeScan","name","_ref","isHiddenScan","trackingNumber","isLoading","trackingNo","stepStatus","active","_defineProperty","methods","val","$router","push","path","_this","length","ajax","get","url","MOOSEQUERY","then","res","code","beforeWashPhotos","forEach","item","afterWashPhotos","$message","warning","msg","clearBtn","next","file","fileList","response","message","error","loading","$refs","uploadPicRef","clearFiles","uploadPicHandle","submit","moose_washingvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_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_washing_vue_vue_type_style_index_0_id_44b2cea8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_6_oneOf_1_0_node_modules_css_loader_index_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_washing_vue_vue_type_style_index_0_id_44b2cea8_scoped_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"kJAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,CAAaC,MAAA,OAAAC,OAAA,OAAAC,SAAA,WAAAC,mBAAA,QAAAC,SAAA,SAAmG,CAAAX,EAAA,UAAAI,EAAA,OAA4BE,YAAA,CAAaG,SAAA,QAAAG,WAAA,sBAAAL,MAAA,OAAAC,OAAA,OAAAK,UAAA,QAAsG,CAAAT,EAAA,UAAeE,YAAA,CAAaQ,UAAA,uBAAAL,SAAA,WAAAM,IAAA,MAAAC,KAAA,UAAmF,GAAAhB,EAAAiB,KAAAb,EAAA,gBAAkCc,YAAA,aAAwB,CAAAd,EAAA,OAAAA,EAAA,UAAyBE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,WAA6C,CAAAhB,EAAA,UAAeiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,KAAsBpB,EAAA,UAAeE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,UAA4CC,MAAA,CAAQC,GAAA,GAAAC,GAAA,GAAAC,GAAA,KAAyB,CAAApB,EAAA,UAAeE,YAAA,CAAaa,QAAA,OAAAM,cAAA,SAAAlB,MAAA,SAAwD,CAAAH,EAAA,UAAeE,YAAA,CAAaC,MAAA,QAAAmB,cAAA,SAAsC,CAAAtB,EAAA,KAAUE,YAAA,CAAaqB,YAAA,OAAAC,OAAA,MAAiC,CAAA5B,EAAA6B,GAAA,UAAAzB,EAAA,KAA2BE,YAAA,CAAaqB,YAAA,OAAAC,OAAA,IAAAE,cAAA,WAAwD,CAAA9B,EAAA6B,GAAA,uBAAAzB,EAAA,UAA6CE,YAAA,CAAayB,eAAA,MAAAC,cAAA,QAA0C,CAAA5B,EAAA,YAAiBiB,MAAA,CAAOY,YAAA,WAAwBC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAA,EAAAC,KAAAC,QAAA,QAAAtC,EAAAuC,GAAAH,EAAAI,QAAA,WAAAJ,EAAAK,IAAA,SAAsF,KAAezC,EAAA0C,WAAAN,KAA+BO,MAAA,CAAQC,MAAA5C,EAAA6C,SAAA,eAAAC,SAAA,SAAAC,GAA6D/C,EAAAgD,KAAAhD,EAAA6C,SAAA,iBAAAE,IAA8CE,WAAA,4BAAuC,CAAAjD,EAAA,aAAAI,EAAA,aAAqCiB,MAAA,CAAO6B,KAAA,UAAgBhB,GAAA,CAAKiB,MAAAnD,EAAAoD,eAA0BF,KAAA,UAAe,CAAA9C,EAAA,UAAeE,YAAA,CAAaqB,YAAA,QAAmBN,MAAA,CAAQgB,KAAA,WAAe,GAAArC,EAAAiB,MAAA,OAAAb,EAAA,UAAoCiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,aAAkBE,YAAA,CAAa+C,QAAA,YAAqBhC,MAAA,CAAQgB,KAAA,WAAiBH,GAAA,CAAKiB,MAAAnD,EAAA0C,aAAwB,CAAAtC,EAAA,KAAUE,YAAA,CAAasB,OAAA,MAAc,CAAA5B,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBE,YAAA,CAAasB,OAAA,MAAc,CAAA5B,EAAA6B,GAAA,0BAAAzB,EAAA,UAAgDiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,MAAsB,OAAApB,EAAA,MAAAA,EAAA,MAA4BE,YAAA,CAAaqB,YAAA,SAAoB,CAAA3B,EAAA6B,GAAA,WAAAzB,EAAA,MAA6BE,YAAA,CAAaqB,YAAA,SAAoB,CAAA3B,EAAA6B,GAAA,0BAAAzB,EAAA,MAAAA,EAAA,aAA4DE,YAAA,CAAaE,OAAA,OAAA8C,gBAAA,SAAwC,CAAAlD,EAAA,UAAeE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,OAAAZ,OAAA,SAA2D,CAAAJ,EAAA,UAAeE,YAAA,CAAaC,MAAA,UAAiB,CAAAH,EAAA,QAAac,YAAA,YAAuB,CAAAlB,EAAA6B,GAAA,OAAA7B,EAAA6B,GAAA,sBAAAzB,EAAA,QAAwDE,YAAA,CAAaqB,YAAA,OAAAlB,SAAA,WAAAM,IAAA,OAAAC,KAAA,SAAqE,CAAAhB,EAAA6B,GAAA,YAAAzB,EAAA,UAAAJ,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA6C,SAAAW,cAAA,GAAApD,EAAA,UAA2FE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,OAAAZ,OAAA,SAA2D,CAAAJ,EAAA,UAAeE,YAAA,CAAaC,MAAA,UAAiB,CAAAH,EAAA,QAAac,YAAA,YAAuB,CAAAlB,EAAA6B,GAAA,OAAA7B,EAAA6B,GAAA,qBAAAzB,EAAA,QAAuDE,YAAA,CAAaqB,YAAA,OAAAlB,SAAA,WAAAM,IAAA,OAAAC,KAAA,SAAqE,CAAAhB,EAAA6B,GAAA,oBAAAzB,EAAA,UAAAJ,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA6C,SAAAY,WAAA,GAAArD,EAAA,UAAgGE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,OAAAsC,aAAA,SAA+D,CAAAtD,EAAA,UAAeE,YAAA,CAAaC,MAAA,UAAiB,CAAAH,EAAA,QAAac,YAAA,YAAuB,CAAAlB,EAAA6B,GAAA,OAAA7B,EAAA6B,GAAA,qBAAAzB,EAAA,QAAuDE,YAAA,CAAaqB,YAAA,OAAAlB,SAAA,WAAAM,IAAA,OAAAC,KAAA,SAAqE,CAAAhB,EAAA6B,GAAA,eAAAzB,EAAA,UAAAJ,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA6C,SAAAc,aAAA,OAAAvD,EAAA,MAA6FE,YAAA,CAAaqB,YAAA,SAAoB,CAAA3B,EAAA6B,GAAA,YAAAzB,EAAA,MAA8BE,YAAA,CAAaqB,YAAA,SAAoB,CAAA3B,EAAA6B,GAAA,8CAAAzB,EAAA,MAAAA,EAAA,WAA8EE,YAAA,CAAasD,KAAA,SAAe,CAAAxD,EAAA,UAAeE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,WAA6C,CAAAhB,EAAA,UAAeE,YAAA,CAAauD,aAAA,WAAuB,CAAAzD,EAAA,aAAkB0D,IAAA,eAAA5C,YAAA,cAAAG,MAAA,CAAoD0C,eAAA,EAAAC,OAAA,GAAAC,YAAA,eAAAC,YAAAlE,EAAAmE,gBAAAC,aAAApE,EAAAqE,iBAAAC,YAAAtE,EAAAuE,UAAAC,KAAAxE,EAAAyE,WAAAC,MAAA,EAAAC,YAAA3E,EAAA4E,YAAAC,kBAAA,EAAAC,aAAA9E,EAAA+E,2BAAoR,CAAA3E,EAAA,KAAUc,YAAA,eAAAZ,YAAA,CAAwCqB,YAAA,OAAAqD,MAAA,cAAApD,OAAA,YAA0DxB,EAAA,aAAoBiB,MAAA,CAAO4D,QAAAjF,EAAAkF,eAA4BhD,GAAA,CAAKiD,iBAAA,SAAA/C,GAAkCpC,EAAAkF,cAAA9C,KAA2B,CAAAhC,EAAA,OAAYiB,MAAA,CAAO+D,KAAA,EAAA7E,MAAA,OAAA8E,IAAArF,EAAAsF,eAAAC,IAAA,SAA2D,WAAAnF,EAAA,MAAAA,EAAA,MAAkCE,YAAA,CAAaqB,YAAA,SAAoB,CAAA3B,EAAA6B,GAAA,YAAAzB,EAAA,MAA8BE,YAAA,CAAaqB,YAAA,SAAoB,CAAA3B,EAAA6B,GAAA,6CAAAzB,EAAA,MAAAA,EAAA,aAA+Ec,YAAA,YAAAZ,YAAA,CAAqCE,OAAA,OAAA6C,QAAA,MAA+B,CAAAjD,EAAA,UAAeE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,WAA6C,CAAAhB,EAAA,UAAeE,YAAA,CAAauD,aAAA,WAAuB,CAAAzD,EAAA,aAAkB0D,IAAA,eAAA5C,YAAA,cAAAG,MAAA,CAAoD0C,eAAA,EAAAC,OAAA,GAAAC,YAAA,eAAAC,YAAAlE,EAAAwF,iBAAApB,aAAApE,EAAAyF,kBAAAnB,YAAAtE,EAAA0F,WAAAlB,KAAAxE,EAAA2F,YAAAjB,MAAA,EAAAC,YAAA3E,EAAA4F,aAAAf,kBAAA,EAAAC,aAAA9E,EAAA6F,4BAA0R,CAAAzF,EAAA,KAAUc,YAAA,eAAAZ,YAAA,CAAwCqB,YAAA,OAAAqD,MAAA,cAAApD,OAAA,YAA0DxB,EAAA,aAAoBiB,MAAA,CAAO4D,QAAAjF,EAAA8F,gBAA6B5D,GAAA,CAAKiD,iBAAA,SAAA/C,GAAkCpC,EAAA8F,eAAA1D,KAA4B,CAAAhC,EAAA,OAAYiB,MAAA,CAAO+D,KAAA,EAAA7E,MAAA,OAAA8E,IAAArF,EAAA+F,gBAAAR,IAAA,SAA4D,OAAAnF,EAAA,UAAyBc,YAAA,cAAyB,CAAAd,EAAA,UAAeE,YAAA,CAAa0F,YAAA,UAAqB,CAAA5F,EAAA,UAAec,YAAA,cAAyB,CAAAd,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,YAAuB,CAAAd,EAAA,OAAYc,YAAA,gFAA2F,CAAAd,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,SAAAzB,EAAA,KAA0Bc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,0BAAAzB,EAAA,UAAgDc,YAAA,kBAAAG,MAAA,CAAqC+D,KAAA,KAAUhF,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,YAAuB,CAAAd,EAAA,OAAYc,YAAA,gFAA2F,CAAAd,EAAA,KAAUc,YAAA,iBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAmG,eAAmB,CAAAlG,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBc,YAAA,iBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAmG,eAAmB,CAAAlG,EAAA6B,GAAA,oBAAAzB,EAAA,UAA0CE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,YAAuB,CAAAd,EAAA,OAAYc,YAAA,gFAA2F,CAAAd,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,oBAAAzB,EAAA,UAA0CE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,YAAuB,CAAAd,EAAA,OAAYc,YAAA,gFAA2F,CAAAd,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,UAAAzB,EAAA,KAA2Bc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,yBAAAzB,EAAA,UAA+Cc,YAAA,cAAyB,CAAAd,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,mHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA4N9F,EAAA,UAAmBc,YAAA,yBAAAG,MAAA,CAA4C+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAAC,OAAA,MAAAC,SAAA,aAAqD,CAAAL,EAAA,OAAYc,YAAA,gGAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAAyM9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA6N9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAAE,SAAA,WAAAD,OAAA,QAAqD,CAAAJ,EAAA,OAAYc,YAAA,gGAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAAyM9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAA4F,cAAA,OAAAC,gBAAA,MAAA3F,SAAA,aAAiF,CAAAL,EAAA,OAAYc,YAAA,mHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA4N9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAAE,SAAA,WAAAD,OAAA,QAAqD,CAAAJ,EAAA,OAAYc,YAAA,gGAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAAyM9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,gEAA6N,GAAA9F,EAAA,UAAuBc,YAAA,cAAyB,CAAAd,EAAA,UAAeE,YAAA,CAAaqB,YAAA,MAAAkC,aAAA,UAAwCxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeE,YAAA,CAAaqB,YAAA,MAAAkC,aAAA,UAAwCxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeE,YAAA,CAAaqB,YAAA,MAAAkC,aAAA,UAAwCxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeE,YAAA,CAAaqB,YAAA,MAAAkC,aAAA,UAAwCxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeE,YAAA,CAAaqB,YAAA,MAAAkC,aAAA,UAAwCxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeE,YAAA,CAAaqB,YAAA,MAAAkC,aAAA,UAAwCxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAec,YAAA,kBAAAG,MAAA,CAAqC+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,gBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,sCAAiG,oCAAoC,GAAA9F,EAAA,UAAqBc,YAAA,cAAyB,CAAAd,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA6N9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAAE,SAAA,WAAAD,OAAA,QAAqD,CAAAJ,EAAA,OAAYc,YAAA,gGAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAAyM9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA6N9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAAE,SAAA,WAAAD,OAAA,QAAqD,CAAAJ,EAAA,OAAYc,YAAA,gGAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAAyM9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA6N9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYE,YAAA,CAAaC,MAAA,OAAAE,SAAA,WAAAD,OAAA,QAAqD,CAAAJ,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,+DAA6N9F,EAAA,UAAmBiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,gEAA6N,GAAA9F,EAAA,UAAuBE,YAAA,CAAaa,QAAA,OAAAkF,aAAA,SAAsC,CAAAjG,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,UAAAA,EAAA,UAA4BiB,MAAA,CAAO+D,KAAA,KAAW,CAAAhF,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,uDAA2D,CAAAlG,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,sEAAmI,+CAAmD,CAAAlG,EAAA6B,GAAA,eAAAzB,EAAA,UAAqCc,YAAA,kBAAAG,MAAA,CAAqC+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,gBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,sCAAiG,mCAAoC9F,EAAA,UAAiBiB,MAAA,CAAO+D,KAAA,IAAU,CAAApF,EAAA6B,GAAA,uDAAAzB,EAAA,UAA6EiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,gBAAoB,CAAAlG,EAAA6B,GAAA,6BAAAzB,EAAA,UAAmDE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,UAAAA,EAAA,UAA4BiB,MAAA,CAAO+D,KAAA,IAAU,CAAApF,EAAA6B,GAAA,OAAAzB,EAAA,UAA6BE,YAAA,CAAauD,aAAA,SAAqBxC,MAAA,CAAQ+D,KAAA,KAAW,CAAAhF,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,aAAAzB,EAAA,KAA8Bc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,yBAAAzB,EAAA,KAA0Cc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,gBAAoB,CAAAlG,EAAA6B,GAAA,4BAAAzB,EAAA,UAAkDE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,UAAAA,EAAA,UAA4BiB,MAAA,CAAO+D,KAAA,IAAU,CAAApF,EAAA6B,GAAA,OAAAzB,EAAA,UAA6BE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAW,CAAAhF,EAAA,OAAAA,EAAA,KAAoBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,yBAAAzB,EAAA,UAA+CE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAUhF,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,UAAAA,EAAA,UAA4BiB,MAAA,CAAO+D,KAAA,IAAU,CAAApF,EAAA6B,GAAA,OAAAzB,EAAA,UAA6BE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,KAAW,CAAAhF,EAAA,OAAAA,EAAA,KAAoBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,WAAAzB,EAAA,KAA4Bc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,2DAAwH,oCAAwC,CAAAlG,EAAA6B,GAAA,mBAAAzB,EAAA,KAAoCc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,4DAAyH,oCAAwC,CAAAlG,EAAA6B,GAAA,oCAAAzB,EAAA,UAA0Dc,YAAA,sBAAiC,CAAAd,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,+BAA0C,CAAAd,EAAA,OAAYc,YAAA,oHAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,gEAA6N,GAAA9F,EAAA,UAAuBc,YAAA,sBAAiC,CAAAd,EAAA,UAAeiB,MAAA,CAAO+D,KAAA,IAAU,CAAAhF,EAAA,OAAYc,YAAA,YAAuB,CAAAd,EAAA,OAAYc,YAAA,2FAAsG,CAAAd,EAAA,KAAUc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,QAAAzB,EAAA,KAAyBc,YAAA,kBAAA+E,MAAAjG,EAAA6C,SAAAqD,QAAA,uCAAoG,eAAmB,CAAAlG,EAAA6B,GAAA,gCAAAzB,EAAA,UAAsDE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,SAAAK,cAAA,SAAA6E,aAAA,SAAwF,CAAAlG,EAAA,UAAeE,YAAA,CAAaI,mBAAA,OAAA6F,cAAA,OAAAC,eAAA,SAAsE,CAAAxG,EAAA6B,GAAA,wCAAAzB,EAAA,QAA4DE,YAAA,CAAaa,QAAA,SAAkB,CAAAnB,EAAA6B,GAAA,mBAAAzB,EAAA,UAAyCE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,SAAAK,cAAA,WAAoE,CAAArB,EAAA,UAAeiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA,qBAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,aAAAtG,EAAA,UAA8EiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA,IAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,SAAAtG,EAAA,UAAyDiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA,IAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,aAAAtG,EAAA,UAA6DE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,SAAAK,cAAA,WAAoE,CAAArB,EAAA,UAAeiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA,kBAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,SAAAtG,EAAA,UAAuEiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,SAAAtG,EAAA,UAAqDiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,aAAAtG,EAAA,UAAyDE,YAAA,CAAaa,QAAA,OAAAC,kBAAA,SAAAK,cAAA,WAAoE,CAAArB,EAAA,UAAeiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA,kBAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,SAAAtG,EAAA,UAAuEiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,SAAAtG,EAAA,UAAqDiB,MAAA,CAAOC,GAAA,EAAAC,GAAA,EAAAC,GAAA,IAAsB,CAAApB,EAAA,QAAaE,YAAA,CAAaa,QAAA,QAAAkC,QAAA,UAAAoD,YAAA,eAAgE,CAAAzG,EAAA6B,GAAA7B,EAAAuD,GAAAvD,EAAA0G,WAAA,aAAAtG,EAAA,UAAyDE,YAAA,CAAaa,QAAA,OAAAS,OAAA,oBAAAR,kBAAA,WAA0E,CAAAhB,EAAA,UAAeE,YAAA,CAAauD,aAAA,UAAsBxC,MAAA,CAAQ+D,KAAA,IAAU,CAAAhF,EAAA,YAAiBE,YAAA,CAAaI,mBAAA,UAAAH,MAAA,QAAAC,OAAA,OAAA6C,QAAA,WAAiFnB,GAAA,CAAKiB,MAAAnD,EAAA2G,aAAwB,CAAAvG,EAAA,OAAYE,YAAA,CAAaa,QAAA,OAAAyF,iBAAA,SAAAxF,kBAAA,SAAAM,cAAA,SAA4F,CAAAtB,EAAA,QAAaE,YAAA,CAAa6F,cAAA,QAAqB,CAAAnG,EAAA6B,GAAA,QAAAzB,EAAA,QAA4BE,YAAA,CAAauG,iBAAA,QAAwB,CAAA7G,EAAA6B,GAAA,sCAAAzB,EAAA,gBAAkEiB,MAAA,CAAOyF,KAAA9G,EAAA+G,SAAmB7E,GAAA,CAAK8E,cAAAhH,EAAAiH,UAAAC,gBAAAlH,EAAAkH,oBAAqE,IACvpoBC,EAAA,+LCotBA,IAAAC,EAAA,CACAC,WAAA,CACAC,cAAA,YAEAC,KAAA,gBACA/C,KALA,WAKA,IAAAgD,EACA,OAAAA,EAAA,CACAC,cAAA,EACA5E,SAAA,CACAW,SAAA,GACAC,MAAA,GACAE,QAAA,GACA+D,eAAA,GACAxB,OAAA,IAEAyB,WAAA,EACAlD,WAAA,CACAmD,WAAA,IAEAjC,YAAA,CACAiC,WAAA,IAEAhD,YAAA,GACAM,eAAA,EACAI,eAAA,GACAQ,gBAAA,EACAC,gBAAA,GACAH,aAAA,GACAc,WAAA,GACAmB,WAAA,GACAC,OAAA,EACA5B,OAAA,IAzBA6B,EAAAP,EAAA,aA0BA,IA1BAO,EAAAP,EAAA,WA2BA,GA3BAA,GA8BAQ,QAAA,CACAd,gBADA,WAEAjH,KAAAwH,cAAA,GAEArE,cAJA,WAKAnD,KAAA8G,SAAA,GAEAE,UAPA,SAOAgB,GACAhI,KAAA4C,SAAA6E,eAAAO,EACAhI,KAAA8G,SAAA,GAEAJ,WAXA,WAYA1G,KAAAiI,QAAAC,KAAA,CAAAC,KAAA,iBAEA1F,WAdA,WAcA,IAAA2F,EAAApI,KAEA,MAAAA,KAAA4C,SAAA6E,gBAAA,GAAAzH,KAAA4C,SAAA6E,eAAAY,QAKArI,KAAA0H,WAAA,EACAY,EAAA,KAAAC,IAAAC,EAAA,KAAAC,WAAA,CAAAhB,eAAAzH,KAAA4C,SAAA6E,iBAAAiB,KAAA,SAAAC,GAEA,GADAP,EAAAV,WAAA,EACA,KAAAiB,EAAAC,KAAA,CACA,IAAArE,EAAAoE,EAAApE,KACA6D,EAAAxF,SAAAW,SAAAgB,EAAAhB,SACA6E,EAAAxF,SAAAY,MAAAe,EAAAf,MACA4E,EAAAxF,SAAAc,QAAAa,EAAAb,QACA0E,EAAAxF,SAAAqD,OAAA1B,EAAA0B,OACAmC,EAAA3B,WAAAlC,EAAAkC,WAIA2B,EAAAzD,YAAA,GACAJ,EAAAsE,iBAAAC,QAAA,SAAAC,GACAX,EAAAzD,YAAAuD,KAAA,CAAAM,IAAAO,EAAA9C,OAAA,YAGAmC,EAAAzC,aAAA,GACApB,EAAAyE,gBAAAF,QAAA,SAAAC,GACAX,EAAAzC,aAAAuC,KAAA,CAAAM,IAAAO,EAAA9C,OAAA,iBAOAmC,EAAAa,SAAAC,QAAAP,EAAAQ,QA/BAnJ,KAAAiJ,SAAAC,QAAA,aAwCAE,SAzDA,aA2DAC,KA3DA,WA4DArJ,KAAA6H,SAAA,IAAA7H,KAAA6H,OAAA,IAEAtC,iBA9DA,SA8DA+D,EAAAC,GACAvJ,KAAA2F,aAAA4D,GAEArF,gBAjEA,SAiEAoF,EAAAC,GACAvJ,KAAA2E,YAAA4E,GAEA/D,kBApEA,SAoEAgE,EAAAF,EAAAC,GACA,KAAAC,EAAAZ,KACA5I,KAAAiJ,SAAA,CAAAQ,QAAA,QAAArH,KAAA,YAEApC,KAAAiJ,SAAAS,MAAAF,EAAAL,KAEAnJ,KAAA2J,SAAA,EACA3J,KAAA4J,MAAAC,aAAAC,cAEA1F,iBA7EA,SA6EAoF,EAAAF,EAAAC,GACA,KAAAC,EAAAZ,KACA5I,KAAAiJ,SAAA,CAAAQ,QAAA,QAAArH,KAAA,YAEApC,KAAAiJ,SAAAS,MAAAF,EAAAL,KAEAnJ,KAAA2J,SAAA,EACA3J,KAAA4J,MAAAC,aAAAC,cAEAxF,UAtFA,SAsFAgF,EAAAC,GACAvJ,KAAA2E,YAAA4E,GAEA9D,WAzFA,SAyFA6D,EAAAC,GACAvJ,KAAA2F,aAAA4D,GAEAzE,yBA5FA,SA4FAwE,GACAtJ,KAAAqF,eAAAiE,EAAAd,IACAxI,KAAAiF,eAAA,GAEAW,0BAhGA,SAgGA0D,GACAtJ,KAAA8F,gBAAAwD,EAAAd,IACAxI,KAAA6F,gBAAA,GAEAkE,gBApGA,WAqGA,GAAA/J,KAAA2H,WAAAU,OAIA,GAAArI,KAAA2E,YAAA0D,QAIArI,KAAAwE,WAAAmD,WAAA3H,KAAA2H,WACA3H,KAAA2J,SAAA,EACA3J,KAAA4J,MAAAC,aAAAG,UALAhK,KAAAiJ,SAAAS,MAAA,WAJA1J,KAAAiJ,SAAAS,MAAA,gBC/1BgWO,EAAA,0BCQhWC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAnK,EACAoH,GACF,EACA,KACA,WACA,MAIemD,EAAA,WAAAH,6CCnBf,IAAAI,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAqfE,EAAG","file":"js/chunk-13c13dad.74d68df0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"position\":\"absolute\",\"background-color\":\"white\",\"overflow\":\"auto\"}},[(_vm.isLoading)?_c('div',{staticStyle:{\"position\":\"fixed\",\"background\":\"rgba(0, 0, 0, .075)\",\"width\":\"100%\",\"height\":\"100%\",\"z-index\":\"999\"}},[_c('a-spin',{staticStyle:{\"transform\":\"translate(-50%,-50%)\",\"position\":\"absolute\",\"top\":\"50%\",\"left\":\"50%\"}})],1):_vm._e(),_c('el-container',{staticClass:\"container\"},[_c('div',[_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('el-col',{attrs:{\"xs\":0,\"sm\":3,\"lg\":3}}),_c('el-col',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"},attrs:{\"xs\":24,\"sm\":20,\"lg\":20}},[_c('el-row',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"width\":\"100%\"}},[_c('el-col',{staticStyle:{\"width\":\"250px\",\"line-height\":\"18px\"}},[_c('p',{staticStyle:{\"font-size\":\"16px\",\"margin\":\"0\"}},[_vm._v(\"快递单号\")]),_c('p',{staticStyle:{\"font-size\":\"15px\",\"margin\":\"0\",\"white-space\":\"nowrap\"}},[_vm._v(\"Tracking Number\")])]),_c('el-col',{staticStyle:{\"margin-right\":\"5px\",\"margin-left\":\"5px\"}},[_c('el-input',{attrs:{\"placeholder\":\"请输入快递单号\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.queryOrder($event)}},model:{value:(_vm.userForm.trackingNumber),callback:function ($$v) {_vm.$set(_vm.userForm, \"trackingNumber\", $$v)},expression:\"userForm.trackingNumber\"}},[(_vm.isHiddenScan)?_c('el-button',{attrs:{\"slot\":\"append\"},on:{\"click\":_vm.handleBarcode},slot:\"append\"},[_c('a-icon',{staticStyle:{\"font-size\":\"18px\"},attrs:{\"type\":\"scan\"}})],1):_vm._e()],1)],1),_c('el-col',{attrs:{\"xs\":4,\"sm\":8,\"lg\":7}},[_c('el-button',{staticStyle:{\"padding\":\"6px 10px\"},attrs:{\"type\":\"primary\"},on:{\"click\":_vm.queryOrder}},[_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"查询\")]),_c('p',{staticStyle:{\"margin\":\"0\"}},[_vm._v(\"Search\")])])],1)],1)],1),_c('el-col',{attrs:{\"xs\":1,\"sm\":1,\"lg\":1}})],1)],1),_c('br'),_c('h2',{staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"个人信息：\")]),_c('h2',{staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"Personal Information\")]),_c('br'),_c('el-header',{staticStyle:{\"height\":\"auto\",\"margin-bottom\":\"30px\"}},[_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"left\",\"height\":\"50px\"}},[_c('el-col',{staticStyle:{\"width\":\"300px\"}},[_c('span',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"用户名：\\n            \"),_c('span',{staticStyle:{\"font-size\":\"18px\",\"position\":\"absolute\",\"top\":\"16px\",\"left\":\"10px\"}},[_vm._v(\"Name\")])]),_c('el-col',[_vm._v(_vm._s(_vm.userForm.userName))])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"left\",\"height\":\"50px\"}},[_c('el-col',{staticStyle:{\"width\":\"300px\"}},[_c('span',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"电话：\\n            \"),_c('span',{staticStyle:{\"font-size\":\"18px\",\"position\":\"absolute\",\"top\":\"16px\",\"left\":\"10px\"}},[_vm._v(\"Phone Number\")])]),_c('el-col',[_vm._v(_vm._s(_vm.userForm.phone))])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"left\",\"min-height\":\"50px\"}},[_c('el-col',{staticStyle:{\"width\":\"300px\"}},[_c('span',{staticClass:\"required\"},[_vm._v(\"*\")]),_vm._v(\"地址：\\n            \"),_c('span',{staticStyle:{\"font-size\":\"18px\",\"position\":\"absolute\",\"top\":\"16px\",\"left\":\"10px\"}},[_vm._v(\"Address\")])]),_c('el-col',[_vm._v(_vm._s(_vm.userForm.address))])],1)],1),_c('h2',{staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"洗护前照片：\")]),_c('h2',{staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"The Product Image before Laundry Service\")]),_c('br'),_c('el-main',{staticStyle:{\"flex\":\"none\"}},[_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('el-col',{staticStyle:{\"text-align\":\"center\"}},[_c('el-upload',{ref:\"uploadPicRef\",staticClass:\"upload-demo\",attrs:{\"auto-upload\":false,\"action\":\"\",\"list-type\":\"picture-card\",\"on-change\":_vm.beforeUploadPic,\"on-success\":_vm.uploadPicSuccess,\"on-remove\":_vm.removePic,\"data\":_vm.uploadData,\"limit\":4,\"file-list\":_vm.picFileList,\"show-file-list\":true,\"on-preview\":_vm.handlePictureCardPreview}},[_c('i',{staticClass:\"el-icon-plus\",staticStyle:{\"font-size\":\"60px\",\"color\":\"deepskyblue\",\"margin\":\"20px\"}})]),_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible},on:{\"update:visible\":function($event){_vm.dialogVisible=$event}}},[_c('img',{attrs:{\"span\":6,\"width\":\"100%\",\"src\":_vm.dialogImageUrl,\"alt\":\"\"}})])],1)],1)],1),_c('br'),_c('h2',{staticStyle:{\"font-size\":\"30px\"}},[_vm._v(\"洗护后照片：\")]),_c('h2',{staticStyle:{\"font-size\":\"18px\"}},[_vm._v(\"The Product Image after Laundry Service\")]),_c('br'),_c('el-footer',{staticClass:\"el-footer\",staticStyle:{\"height\":\"auto\",\"padding\":\"0\"}},[_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('el-col',{staticStyle:{\"text-align\":\"center\"}},[_c('el-upload',{ref:\"uploadPicRef\",staticClass:\"upload-demo\",attrs:{\"auto-upload\":false,\"action\":\"\",\"list-type\":\"picture-card\",\"on-change\":_vm.beforeUploadPic2,\"on-success\":_vm.uploadPicSuccess2,\"on-remove\":_vm.removePic2,\"data\":_vm.uploadData2,\"limit\":4,\"file-list\":_vm.picFileList2,\"show-file-list\":true,\"on-preview\":_vm.handlePictureCardPreview2}},[_c('i',{staticClass:\"el-icon-plus\",staticStyle:{\"font-size\":\"60px\",\"color\":\"deepskyblue\",\"margin\":\"20px\"}})]),_c('el-dialog',{attrs:{\"visible\":_vm.dialogVisible2},on:{\"update:visible\":function($event){_vm.dialogVisible2=$event}}},[_c('img',{attrs:{\"span\":6,\"width\":\"100%\",\"src\":_vm.dialogImageUrl2,\"alt\":\"\"}})])],1)],1),_c('el-row',{staticClass:\"flex-align\"},[_c('el-col',{staticStyle:{\"max-width\":\"500px\"}},[_c('el-row',{staticClass:\"flex-align\"},[_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div\"},[_c('div',{staticClass:\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"下单 \")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '00'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"Release order \")])])])]),_c('el-col',{staticClass:\"flex-text-align\",attrs:{\"span\":4}}),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div\"},[_c('div',{staticClass:\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"},[_c('p',{staticClass:\"span-font-size\",style:(_vm.userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"同意\")]),_c('p',{staticClass:\"span-font-size\",style:(_vm.userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"Approval\")])])])]),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":4}}),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div\"},[_c('div',{staticClass:\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"运输\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"Shipping\")])])])]),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":4}}),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div\"},[_c('div',{staticClass:\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"签收入库\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"Receiving\")])])])])],1),_c('el-row',{staticClass:\"flex-align\"},[_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius\",style:(_vm.userForm.status >= '00'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])]),_c('el-col',{staticClass:\"flex-align flex-height\",attrs:{\"span\":4}},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"5px\",\"position\":\"relative\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \",style:(_vm.userForm.status >= '00'  ? 'background-color: orange' : 'background-color: #ccc')})])]),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '00'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticStyle:{\"width\":\"100%\",\"position\":\"relative\",\"height\":\"5px\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \",style:(_vm.userForm.status >= '00'  ? 'background-color: orange' : 'background-color: #ccc')})])]),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticStyle:{\"width\":\"100%\",\"padding-top\":\"100%\",\"border-radius\":\"50%\",\"position\":\"relative\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius\",style:(_vm.userForm.status >= '00'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticStyle:{\"width\":\"100%\",\"position\":\"relative\",\"height\":\"5px\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \",style:(_vm.userForm.status >= '00'  ? 'background-color: orange' : 'background-color: #ccc')})])]),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '40'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])])],1),_c('el-row',{staticClass:\"flex-align\"},[_c('el-col',{staticStyle:{\"font-size\":\"8px\",\"text-align\":\"center\"},attrs:{\"span\":3}}),_c('el-col',{staticStyle:{\"font-size\":\"8px\",\"text-align\":\"center\"},attrs:{\"span\":4}}),_c('el-col',{staticStyle:{\"font-size\":\"8px\",\"text-align\":\"center\"},attrs:{\"span\":3}}),_c('el-col',{staticStyle:{\"font-size\":\"8px\",\"text-align\":\"center\"},attrs:{\"span\":4}}),_c('el-col',{staticStyle:{\"font-size\":\"8px\",\"text-align\":\"center\"},attrs:{\"span\":3}}),_c('el-col',{staticStyle:{\"font-size\":\"8px\",\"text-align\":\"center\"},attrs:{\"span\":4}}),_c('el-col',{staticClass:\"center-line-col\",attrs:{\"span\":3}},[_c('div',{staticClass:\"vertical-line\",style:(_vm.userForm.status >= '50'  ? 'border-left: 5px solid orange;' : 'border-left: 5px solid #ccc;')})])],1),_c('el-row',{staticClass:\"flex-align\"},[_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '70'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticStyle:{\"width\":\"100%\",\"position\":\"relative\",\"height\":\"5px\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \",style:(_vm.userForm.status >= '70'  ? 'background-color: orange' : 'background-color: #ccc')})])]),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '60'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticStyle:{\"width\":\"100%\",\"position\":\"relative\",\"height\":\"5px\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \",style:(_vm.userForm.status >= '60'  ? 'background-color: orange' : 'background-color: #ccc')})])]),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '50'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])]),_c('el-col',{attrs:{\"span\":4}},[_c('div',{staticStyle:{\"width\":\"100%\",\"position\":\"relative\",\"height\":\"5px\"}},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom background-color-ccc\",style:(_vm.userForm.status >= '50'  ? 'background-color: orange' : 'background-color: #ccc')})])]),_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '50'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"max-height\":\"60px\"}},[_c('el-col',{attrs:{\"span\":3}},[_c('el-row',[_c('el-col',{attrs:{\"span\":12}},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '70'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;text-align: center;')},[_vm._v(\"上传\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '70'  ? 'color: black;font-weight: bold;position: absolute;left: -12px;' : 'color: #ccc;position: absolute;left: -12px;')},[_vm._v(\"Upload \")])]),_c('el-col',{staticClass:\"center-line-col\",attrs:{\"span\":2}},[_c('div',{staticClass:\"vertical-line\",style:(_vm.userForm.status >= '80'  ? 'border-left: 5px solid orange;' : 'border-left: 5px solid #ccc;')})]),_c('el-col',{attrs:{\"span\":2}},[_vm._v(\"\\n                         \\n                    \")]),_c('el-col',{attrs:{\"span\":8}},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '70'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"图片\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '70'  ? 'color: black;font-weight: bold;' : 'color: #ccc;')},[_vm._v(\"Product Image\")])])],1)],1),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":3}}),_c('el-col',{attrs:{\"span\":4}},[_c('el-row',[_c('el-col',{attrs:{\"span\":3}},[_vm._v(\" \")]),_c('el-col',{staticStyle:{\"text-align\":\"right\"},attrs:{\"span\":21}},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '60'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"烘干和湿度测量\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '60'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"Drying and Humidity\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '60'  ? 'color: black;font-weight: bold;' : 'color: #ccc;')},[_vm._v(\" Measurement\")])])],1)],1),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":3}}),_c('el-col',{attrs:{\"span\":4}},[_c('el-row',[_c('el-col',{attrs:{\"span\":5}},[_vm._v(\" \")]),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":19}},[_c('div',[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '50'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"洗涤\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '50'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"Washing\")])])])],1)],1),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":3}}),_c('el-col',{attrs:{\"span\":4}},[_c('el-row',[_c('el-col',{attrs:{\"span\":4}},[_vm._v(\" \")]),_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":20}},[_c('div',[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '50'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"洗护前质检\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '50'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"Quality Check\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '50'  ? 'color: black;font-weight: bold;;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;')},[_vm._v(\"before Washing\")])])])],1)],1)],1),_c('el-row',{staticClass:\"flex-position-left\"},[_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div flex-border-radius\"},[_c('div',{staticClass:\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \",style:(_vm.userForm.status >= '80'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc')})])])],1),_c('el-row',{staticClass:\"flex-position-left\"},[_c('el-col',{attrs:{\"span\":3}},[_c('div',{staticClass:\"flex-div\"},[_c('div',{staticClass:\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\"},[_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '80'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"发运\")]),_c('p',{staticClass:\"span-font-size \",style:(_vm.userForm.status >= '80'  ? 'color: black;font-weight: bold;' : 'color: #ccc')},[_vm._v(\"Dispatch\")])])])])],1)],1)],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\",\"margin-top\":\"20px\"}},[_c('el-col',{staticStyle:{\"background-color\":\"#ccc\",\"font-weight\":\"bold\",\"padding-left\":\"10px\"}},[_vm._v(\"\\n\\n              明细：\\n             \"),_c('span',{staticStyle:{\"display\":\"flex\"}},[_vm._v(\"Details\")])])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.detailList[0])+\" \")])]),_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(\" \"+_vm._s(_vm.detailList[3]))])]),_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(\" \"+_vm._s(_vm.detailList[6]))])])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(\"\\n             \"+_vm._s(_vm.detailList[1]))])]),_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(_vm._s(_vm.detailList[4]))])]),_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(_vm._s(_vm.detailList[7]))])])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-items\":\"center\"}},[_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(\"\\n             \"+_vm._s(_vm.detailList[2]))])]),_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(_vm._s(_vm.detailList[5]))])]),_c('el-col',{attrs:{\"xs\":7,\"sm\":6,\"lg\":6}},[_c('span',{staticStyle:{\"display\":\"block\",\"padding\":\"5px 4px\",\"word-wrap\":\"break-word\"}},[_vm._v(_vm._s(_vm.detailList[8]))])])],1),_c('el-row',{staticStyle:{\"display\":\"flex\",\"margin\":\"20px 0px 20px 0px\",\"justify-content\":\"center\"}},[_c('el-col',{staticStyle:{\"text-align\":\"center\"},attrs:{\"span\":6}},[_c('a-button',{staticStyle:{\"background-color\":\"#dae3f3\",\"width\":\"100px\",\"height\":\"40px\",\"padding\":\"0px 0px\"},on:{\"click\":_vm.returnHome}},[_c('div',{staticStyle:{\"display\":\"flex\",\"flex-direction\":\"column\",\"justify-content\":\"center\",\"line-height\":\"15px\"}},[_c('span',{staticStyle:{\"padding-top\":\"4px\"}},[_vm._v(\"返回\")]),_c('span',{staticStyle:{\"padding-bottom\":\"2px\"}},[_vm._v(\"Back to Menu\")])])])],1)],1)],1)],1),_c('barcode-scan',{attrs:{\"show\":_vm.isShown},on:{\"getScanResult\":_vm.getResult,\"isHiddenScanBtn\":_vm.isHiddenScanBtn}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    style=\" width: 100%; height: 100%; position: absolute;background-color: white;overflow: auto; \"\r\n  >\r\n\r\n\r\n        <div style=\"position: fixed;background: rgba(0, 0, 0, .075);width: 100%;height: 100%;z-index: 999\" v-if=\"isLoading\">\r\n            <a-spin style=\"transform:translate(-50%,-50%);position: absolute;top: 50%; left: 50%;\"/>\r\n        </div>\r\n\r\n    <el-container class=\"container\">\r\n      <div>\r\n        <el-row style=\"display: flex; justify-content: center;\">\r\n          <el-col :xs=\"0\" :sm=\"3\" :lg=\"3\"></el-col>\r\n          <el-col\r\n            :xs=\"24\"\r\n            :sm=\"20\"\r\n            :lg=\"20\"\r\n            style=\" display: flex; justify-content: center;\"\r\n          >\r\n            <el-row style=\"display: flex; align-items: center;width: 100%;\">\r\n              <el-col  style=\"width: 250px;line-height: 18px;\">\r\n                <p style=\"font-size: 16px;margin: 0;\">快递单号</p>\r\n                <p style=\"font-size: 15px;margin: 0;white-space: nowrap;\">Tracking Number</p>\r\n              </el-col>\r\n\r\n\r\n              <el-col  style=\"margin-right: 5px;margin-left: 5px;\">\r\n\r\n                <el-input\r\n                  placeholder=\"请输入快递单号\"\r\n                   v-model=\"userForm.trackingNumber\"\r\n                  @keyup.enter=\"queryOrder\"\r\n                >\r\n              \r\n                  <el-button slot=\"append\"  @click=\"handleBarcode\"  v-if=\"isHiddenScan\" >\r\n                    <a-icon style=\"font-size: 18px\" type=\"scan\" />\r\n                  </el-button>\r\n              \r\n\r\n                </el-input>\r\n\r\n\r\n              </el-col>\r\n\r\n\r\n\r\n              <el-col :xs=\"4\" :sm=\"8\" :lg=\"7\"\r\n                ><el-button type=\"primary\" @click=\"queryOrder\" style=\"padding: 6px 10px;\">\r\n                <p style=\"margin: 0;\">查询</p>\r\n                <p style=\"margin: 0;\">Search</p>\r\n              </el-button></el-col\r\n              >\r\n            </el-row>\r\n          </el-col>\r\n          <!-- :sm=\"10\" :md=\"8\" :lg=\"8\" -->\r\n          <el-col :xs=\"1\" :sm=\"1\" :lg=\"1\"></el-col>\r\n        </el-row>\r\n      </div>\r\n\r\n      <br/>\r\n      <h2 style=\"font-size: 30px;\">个人信息：</h2>\r\n      <h2 style=\"font-size: 18px;\">Personal Information</h2>\r\n      <br/>\r\n\r\n      <el-header style=\"height: auto;margin-bottom: 30px\">\r\n        <el-row style=\" display: flex; justify-content: left;height: 50px;\">\r\n          <el-col style=\"width: 300px\">\r\n            <span class=\"required\">*</span>用户名：\r\n            <span style=\"font-size: 18px;position: absolute;top: 16px;left: 10px;\">Name</span>\r\n          </el-col>\r\n          <el-col  >{{userForm.userName}}</el-col>\r\n        </el-row>\r\n\r\n\r\n\r\n        <el-row style=\"display: flex; justify-content: left;height: 50px;\">\r\n          <el-col style=\"width: 300px\"  ><span class=\"required\">*</span>电话：\r\n            <span style=\"font-size: 18px;position: absolute;top: 16px;left: 10px;\">Phone Number</span>\r\n          </el-col>\r\n          <el-col >{{userForm.phone}}</el-col>\r\n        </el-row>\r\n\r\n\r\n\r\n        <el-row style=\"display: flex; justify-content: left;min-height: 50px;\">\r\n          <el-col  style=\"width: 300px\"><span class=\"required\">*</span>地址：\r\n            <span style=\"font-size: 18px;position: absolute;top: 16px;left: 10px;\">Address</span>\r\n          </el-col>\r\n          <el-col\r\n            >{{userForm.address}}</el-col\r\n          >\r\n        </el-row>\r\n      </el-header>\r\n\r\n\r\n      <h2 style=\"font-size: 30px;\">洗护前照片：</h2>\r\n      <h2 style=\"font-size: 18px;\">The Product Image before Laundry Service</h2>\r\n      <br/>\r\n\r\n      <el-main style=\"flex: none;\">\r\n        <el-row style=\"display: flex; justify-content: center;\">\r\n          <el-col style=\"text-align: center;\">\r\n            <el-upload\r\n              :auto-upload=\"false\"\r\n              class=\"upload-demo\"\r\n              ref=\"uploadPicRef\"\r\n              action=\"\"\r\n              list-type=\"picture-card\"\r\n              :on-change=\"beforeUploadPic\"\r\n              :on-success=\"uploadPicSuccess\"\r\n              :on-remove=\"removePic\"\r\n              :data=\"uploadData\"\r\n              :limit=\"4\"\r\n              :file-list=\"picFileList\"\r\n              :show-file-list=\"true\"\r\n              :on-preview=\"handlePictureCardPreview\"\r\n            >\r\n              <i\r\n                class=\"el-icon-plus\"\r\n                style=\"font-size: 60px;color: deepskyblue;margin: 20px;\"\r\n              ></i>\r\n            </el-upload>\r\n            <el-dialog :visible.sync=\"dialogVisible\">\r\n              <img :span=\"6\" width=\"100%\" :src=\"dialogImageUrl\" alt=\"\" />\r\n            </el-dialog>\r\n          </el-col>\r\n        </el-row>\r\n      </el-main>\r\n\r\n      <br/>\r\n      <h2 style=\"font-size: 30px;\">洗护后照片：</h2>\r\n      <h2 style=\"font-size: 18px;\">The Product Image after Laundry Service</h2>\r\n      <br/>\r\n\r\n      <el-footer class=\"el-footer\" style=\"height: auto; padding: 0;\">\r\n        <!-- 洗护后照片 -->\r\n        <el-row style=\"display: flex; justify-content: center;\">\r\n          <el-col style=\"text-align: center;\">\r\n            <el-upload\r\n              :auto-upload=\"false\"\r\n              class=\"upload-demo\"\r\n              ref=\"uploadPicRef\"\r\n              action=\"\"\r\n              list-type=\"picture-card\"\r\n              :on-change=\"beforeUploadPic2\"\r\n              :on-success=\"uploadPicSuccess2\"\r\n              :on-remove=\"removePic2\"\r\n              :data=\"uploadData2\"\r\n              :limit=\"4\"\r\n              :file-list=\"picFileList2\"\r\n              :show-file-list=\"true\"\r\n              :on-preview=\"handlePictureCardPreview2\"\r\n            >\r\n              <i\r\n                class=\"el-icon-plus\"\r\n                style=\"font-size: 60px;color: deepskyblue;margin: 20px;\"\r\n              ></i>\r\n            </el-upload>\r\n            <el-dialog :visible.sync=\"dialogVisible2\">\r\n              <img :span=\"6\" width=\"100%\" :src=\"dialogImageUrl2\" alt=\"\" />\r\n            </el-dialog>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <el-row class=\"flex-align\">\r\n<!--          <el-col :xs=\"1\" :sm=\"2\" :lg=\"3\"></el-col>-->\r\n\r\n          <el-col style=\"max-width: 500px;\" >\r\n            <!-- 上标题 -->\r\n            <el-row class=\"flex-align\">\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div\">\r\n                  <div class=\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\">\r\n                    <p class=\"span-font-size \" :style=\"userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">下单 </p>\r\n                    <p class=\"span-font-size \" :style=\"userForm.status >= '00'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">Release order </p>\r\n                  </div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col class=\"flex-text-align\" :span=\"4\"></el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div\">\r\n                  <div\r\n                    class=\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"\r\n                  >\r\n                    <p class=\"span-font-size\" :style=\"userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">同意</p>\r\n                    <p class=\"span-font-size\" :style=\"userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">Approval</p>\r\n                  </div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col style=\"text-align: center;\" :span=\"4\"></el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div\">\r\n                  <div\r\n                    class=\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"\r\n                  >\r\n                    <p class=\"span-font-size \" :style=\"userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">运输</p>\r\n                    <p class=\"span-font-size \" :style=\"userForm.status >= '00'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">Shipping</p>\r\n                  </div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col style=\"text-align: center;\" :span=\"4\"></el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div\">\r\n                  <div\r\n                    class=\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"\r\n                  >\r\n                    <p class=\"span-font-size \" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">签收入库</p>\r\n                    <p class=\"span-font-size \" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">Receiving</p>\r\n                  </div>\r\n                </div>\r\n              </el-col>\r\n\r\n<!--              <el-col style=\"text-align: center;\" :span=\"3\"></el-col>-->\r\n\r\n<!--              <el-col :span=\"2\">-->\r\n<!--                <div class=\"flex-div\">-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position-left  flex-position-right flex-position-bottom flex-text-align\"-->\r\n<!--                  >-->\r\n<!--                    <p class=\"span-font-size\" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">洗护前质检</p>-->\r\n<!--                    <p class=\"span-font-size\" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">Quality Check before Washing<p/>-->\r\n<!--                  </div>-->\r\n<!--                </div>-->\r\n<!--              </el-col>-->\r\n            </el-row>\r\n\r\n            <!-- 上步骤条 -->\r\n            <el-row class=\"flex-align\">\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius\"\r\n                    :style=\"userForm.status >= '00'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"4\" class=\"flex-align flex-height\">\r\n                <div style=\" width: 100%;height: 5px; position: relative; \">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \"\r\n                    :style=\"userForm.status >= '00'  ? 'background-color: orange' : 'background-color: #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                    :style=\"userForm.status >= '00'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n              <el-col :span=\"4\">\r\n                <div style=\" width: 100%;  position: relative; height: 5px;\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \"\r\n                      :style=\"userForm.status >= '00'  ? 'background-color: orange' : 'background-color: #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div\r\n                  style=\" width: 100%; padding-top: 100%; border-radius: 50%; position: relative;\"\r\n                >\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius\"\r\n                    :style=\"userForm.status >= '00'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n              <el-col :span=\"4\">\r\n                <div style=\" width: 100%;  position: relative;    height: 5px;\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \"\r\n                      :style=\"userForm.status >= '00'  ? 'background-color: orange' : 'background-color: #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                    :style=\"userForm.status >= '40'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n<!--              <el-col :span=\"3\">-->\r\n<!--                <div style=\" width: 100%;  position: relative;    height: 5px;\">-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \"-->\r\n<!--                      :style=\"userForm.status >= '40'  ? 'background-color: orange' : 'background-color: #ccc' \"-->\r\n<!--                  ></div>-->\r\n<!--                </div>-->\r\n<!--              </el-col>-->\r\n\r\n<!--              <el-col :span=\"2\">-->\r\n<!--                <div-->\r\n<!--                  style=\" width: 100%; padding-top: 100%; border-radius: 50%; position: relative;\"-->\r\n<!--                >-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius\"-->\r\n<!--                    :style=\"userForm.status >= '40'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"-->\r\n<!--                  ></div>-->\r\n<!--                </div>-->\r\n<!--              </el-col>-->\r\n            </el-row>\r\n\r\n            <!-- 竖线 -->\r\n            <el-row class=\"flex-align\">\r\n              <el-col\r\n                style=\"font-size: 8px;text-align: center;\"\r\n                :span=\"3\"\r\n              ></el-col>\r\n              <el-col\r\n                style=\" font-size: 8px;text-align: center;\"\r\n                :span=\"4\"\r\n              ></el-col>\r\n              <el-col\r\n                style=\"font-size: 8px;text-align: center;\"\r\n                :span=\"3\"\r\n              ></el-col>\r\n              <el-col\r\n                style=\"font-size: 8px;text-align: center;\"\r\n                :span=\"4\"\r\n              ></el-col>\r\n              <el-col\r\n                style=\"font-size: 8px;text-align: center;\"\r\n                :span=\"3\"\r\n              ></el-col>\r\n              <el-col\r\n                style=\" font-size: 8px;text-align: center;\"\r\n                :span=\"4\"\r\n              ></el-col>\r\n<!--              <el-col-->\r\n<!--                style=\"font-size: 8px;text-align: center;\"-->\r\n<!--                :span=\"2\"-->\r\n<!--              ></el-col>-->\r\n<!--              <el-col-->\r\n<!--                style=\"font-size: 8px;text-align: center;\"-->\r\n<!--                :span=\"5\"-->\r\n<!--              ></el-col>-->\r\n              <el-col :span=\"3\" class=\"center-line-col\" >\r\n                <div class=\"vertical-line\"   :style=\"userForm.status >= '50'  ? 'border-left: 5px solid orange;' : 'border-left: 5px solid #ccc;' \" ></div>\r\n              </el-col>\r\n            </el-row>\r\n\r\n            <!-- 下步骤条 -->\r\n            <el-row class=\"flex-align\">\r\n<!--              <el-col :span=\"2\"> </el-col>-->\r\n\r\n<!--              <el-col :span=\"3\" class=\"flex-align flex-height\"> </el-col>-->\r\n\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                    :style=\"userForm.status >= '70'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n              <el-col :span=\"4\">\r\n                <div style=\" width: 100%;  position: relative;    height: 5px;\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \"\r\n                      :style=\"userForm.status >= '70'  ? 'background-color: orange' : 'background-color: #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                    :style=\"userForm.status >= '60'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n              <el-col :span=\"4\">\r\n                <div style=\" width: 100%;  position: relative;    height: 5px;\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom \"\r\n                      :style=\"userForm.status >= '60'  ? 'background-color: orange' : 'background-color: #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                    :style=\"userForm.status >= '50'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n              <el-col :span=\"4\">\r\n                <div style=\" width: 100%;  position: relative;    height: 5px;\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom background-color-ccc\"\r\n                      :style=\"userForm.status >= '50'  ? 'background-color: orange' : 'background-color: #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n              <el-col :span=\"3\">\r\n                <div class=\"flex-div flex-border-radius\">\r\n                  <div\r\n                    class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                    :style=\"userForm.status >= '50'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                  ></div>\r\n                </div>\r\n              </el-col>\r\n\r\n\r\n            </el-row>\r\n\r\n            <!-- 下标题 -->\r\n            <el-row\r\n              style=\" display: flex;max-height: 60px;\"\r\n            >\r\n<!--              <el-col :span=\"2\"> </el-col>-->\r\n\r\n<!--              <el-col style=\"text-align: center;\" :span=\"3\"></el-col>-->\r\n<!--              <el-col :span=\"3\">-->\r\n<!--                <div class=\"flex-div\">-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\"-->\r\n<!--                  >-->\r\n<!--                    <p class=\"span-font-size \" :style=\"userForm.status >= '80'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \" >发运</p>-->\r\n<!--                    <p class=\"span-font-size \" :style=\"userForm.status >= '80'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \" >Dispatch</p>-->\r\n<!--                  </div>-->\r\n<!--                </div>-->\r\n<!--              </el-col>-->\r\n\r\n<!--              <el-col style=\"text-align: center;\" :span=\"4\"></el-col>-->\r\n\r\n              <el-col :span=\"3\" >\r\n<!--                  <div class=\"center-line-col\" >-->\r\n<!--                      <div class=\"vertical-line\"   :style=\"userForm.status >= '50'  ? 'border-left: 5px solid orange;' : 'border-left: 5px solid #ccc;' \" ></div>-->\r\n<!--                  </div>-->\r\n<!--                <div class=\"flex-div\">-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\"-->\r\n<!--                  >-->\r\n<!--                    <p class=\"span-font-size \" :style=\"userForm.status >= '70'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">上传图片</p>-->\r\n<!--                    <p class=\"span-font-size \" :style=\"userForm.status >= '70'  ? 'color: black;font-weight: bold;white-space: nowrap;left: -16px;position: absolute;' : 'color: #ccc;white-space: nowrap;left: -16px;position: absolute;' \">Upload Product Image</p>-->\r\n\r\n<!--                  </div>-->\r\n<!--                </div>-->\r\n<!--                  position: absolute;left: -13px;'-->\r\n<!--                  position: absolute;left: -13px;text-align: center;-->\r\n                <el-row>\r\n                    <el-col :span=\"12\">\r\n                        <p class=\"span-font-size \" :style=\"userForm.status >= '70'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;text-align: center;' \">上传</p>\r\n                        <p class=\"span-font-size \" :style=\"userForm.status >= '70'  ? 'color: black;font-weight: bold;position: absolute;left: -12px;' : 'color: #ccc;position: absolute;left: -12px;' \">Upload </p>\r\n                    </el-col>\r\n\r\n                    <el-col  class=\"center-line-col\" :span=\"2\">\r\n                        <div class=\"vertical-line\"   :style=\"userForm.status >= '80'  ? 'border-left: 5px solid orange;' : 'border-left: 5px solid #ccc;' \" ></div>\r\n                    </el-col>\r\n\r\n                    <el-col  :span=\"2\">\r\n                        &nbsp;\r\n                    </el-col>\r\n\r\n                    <el-col :span=\"8\">\r\n                       <p class=\"span-font-size \" :style=\"userForm.status >= '70'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">图片</p>\r\n                        <p class=\"span-font-size \" :style=\"userForm.status >= '70'  ? 'color: black;font-weight: bold;' : 'color: #ccc;' \">Product Image</p>\r\n                    </el-col>\r\n                </el-row>\r\n\r\n\r\n\r\n              </el-col>\r\n\r\n              <el-col style=\"text-align: center;\" :span=\"3\"></el-col>\r\n\r\n              <el-col :span=\"4\">\r\n                  <el-row>\r\n                      <el-col :span=\"3\">&nbsp;</el-col>\r\n<!--                      <el-col :span=\"20\">-->\r\n<!--                          <div class=\"flex-div\">-->\r\n<!--                              <div-->\r\n<!--                                      class=\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\"-->\r\n<!--                              >-->\r\n<!--                                  <p class=\"span-font-size \" :style=\"userForm.status >= '60'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">烘干和湿度测量</p>-->\r\n<!--                                  <p class=\"span-font-size \" :style=\"userForm.status >= '60'  ? 'color: black;font-weight: bold;position: absolute;left: -7px;white-space: nowrap;top: 15px;' : 'color: #ccc;position: absolute;left: -7px;white-space: nowrap;top: 15px;' \">Drying and Humidity</p>-->\r\n<!--                                  <p class=\"span-font-size \" :style=\"userForm.status >= '60'  ? 'color: black;font-weight: bold;position: absolute;top: 30px;left: -7px;' : 'color: #ccc;position: absolute;top: 30px;left: -7px;' \"> Measurement</p>-->\r\n<!--                              </div>-->\r\n<!--                          </div>-->\r\n\r\n\r\n                      <el-col :span=\"21\" style=\"text-align: right;\">\r\n                                                            <p class=\"span-font-size \" :style=\"userForm.status >= '60'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">烘干和湿度测量</p>\r\n                                                            <p class=\"span-font-size \" :style=\"userForm.status >= '60'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">Drying and Humidity</p>\r\n                                                            <p class=\"span-font-size \" :style=\"userForm.status >= '60'  ? 'color: black;font-weight: bold;' : 'color: #ccc;' \"> Measurement</p>\r\n                      </el-col>\r\n<!--                      <el-col :span=\"2\"></el-col>-->\r\n\r\n                  </el-row>\r\n\r\n\r\n              </el-col>\r\n\r\n              <el-col style=\"text-align: center;\" :span=\"3\"></el-col>\r\n\r\n              <el-col :span=\"4\">\r\n<!--                <div class=\"flex-div\">-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\"-->\r\n<!--                  >-->\r\n<!--                    <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">洗涤</p>-->\r\n<!--                    <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">Washing</p>-->\r\n<!--                  </div>-->\r\n<!--                </div>-->\r\n                  <el-row>\r\n                      <el-col :span=\"5\">&nbsp;</el-col>\r\n                      <el-col :span=\"19\" style=\"text-align: center;\">\r\n                          <div>\r\n                             <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">洗涤</p>\r\n                             <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \">Washing</p>\r\n                         </div>\r\n                      </el-col >\r\n\r\n                  </el-row>\r\n\r\n              </el-col>\r\n\r\n              <el-col style=\"text-align: center;\" :span=\"3\"></el-col>\r\n\r\n              <el-col :span=\"4\">\r\n<!--                <div class=\"flex-div\">-->\r\n<!--                  <div-->\r\n<!--                    class=\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\"-->\r\n<!--                  >-->\r\n<!--                    <p class=\"span-font-size\" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">洗护前质检</p>-->\r\n<!--                    <p class=\"span-font-size\" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;position: absolute;left: -10px;top: 15px;' : 'color: #ccc;white-space: nowrap;position: absolute;left: -10px;top: 15px;' \">Quality Check<p/>-->\r\n<!--                    <p class=\"span-font-size\" :style=\"userForm.status >= '40'  ? 'color: black;font-weight: bold;white-space: nowrap;position: absolute;left: -17px;top: 28px;' : 'color: #ccc;white-space: nowrap;position: absolute;left: -17px;top: 28px;' \">before Washing<p/>-->\r\n<!--                  </div>-->\r\n<!--                </div>-->\r\n                  <el-row>\r\n                      <el-col :span=\"4\">&nbsp;</el-col>\r\n                      <el-col :span=\"20\" style=\"text-align: center;\">\r\n                          <div>\r\n                              <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">洗护前质检</p>\r\n                              <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">Quality Check</p>\r\n                              <p class=\"span-font-size \" :style=\"userForm.status >= '50'  ? 'color: black;font-weight: bold;;white-space: nowrap;' : 'color: #ccc;white-space: nowrap;' \">before Washing</p>\r\n                          </div>\r\n                      </el-col >\r\n                  </el-row>\r\n              </el-col>\r\n\r\n            </el-row>\r\n\r\n              <!-- 竖线 -->\r\n              <el-row class=\"flex-position-left\">\r\n                  <el-col :span=\"3\">\r\n                      <div class=\"flex-div flex-border-radius\">\r\n                          <div\r\n                                  class=\"flex-position flex-position-top flex-position-left  flex-position-right flex-position-bottom  flex-border-radius \"\r\n                                  :style=\"userForm.status >= '80'  ? 'border: 8px solid orange' : 'border: 8px solid #ccc' \"\r\n                          ></div>\r\n                      </div>\r\n                  </el-col>\r\n              </el-row>\r\n\r\n              <!-- 竖线 -->\r\n              <el-row class=\"flex-position-left\">\r\n                  <el-col :span=\"3\">\r\n                       <div class=\"flex-div\">\r\n                         <div class=\"flex-position flex-position-left  flex-position-right flex-position-top flex-text-align\">\r\n                           <p class=\"span-font-size \" :style=\"userForm.status >= '80'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \" >发运</p>\r\n                           <p class=\"span-font-size \" :style=\"userForm.status >= '80'  ? 'color: black;font-weight: bold;' : 'color: #ccc' \" >Dispatch</p>\r\n                         </div>\r\n                       </div>\r\n                  </el-col>\r\n              </el-row>\r\n\r\n\r\n          </el-col>\r\n\r\n<!--          <el-col :xs=\"1\" :sm=\"2\" :lg=\"3\"></el-col>-->\r\n        </el-row>\r\n\r\n        <el-row\r\n          style=\"display: flex;justify-content: center;align-items: center;margin-top: 20px;\"\r\n        >\r\n<!--          <el-col :xs=\"1\" :sm=\"2\" :lg=\"3\"></el-col>-->\r\n          <el-col\r\n\r\n            style=\"background-color: #ccc;font-weight: bold;padding-left: 10px;\"\r\n          >\r\n\r\n              明细：\r\n             <span style=\"display: flex\">Details</span>\r\n\r\n\r\n          </el-col>\r\n<!--          <el-col :xs=\"1\" :sm=\"2\" :lg=\"3\"></el-col>-->\r\n        </el-row>\r\n\r\n\r\n    \r\n \r\n        <el-row   \r\n          style=\"display: flex;justify-content: center;align-items: center;\"\r\n        >\r\n<!--          <el-col :xs=\"1\" :sm=\"3\" :lg=\"3\"></el-col>-->\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span\r\n              style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n            >\r\n                {{detailList[0]}} </span\r\n            >\r\n          </el-col>\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n              > {{detailList[3]}}</span\r\n            >\r\n          </el-col>\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n              > {{detailList[6]}}</span\r\n            >\r\n          </el-col>\r\n<!--          <el-col :xs=\"1\" :sm=\"3\" :lg=\"3\"></el-col>-->\r\n        </el-row>\r\n \r\n\r\n\r\n        <el-row\r\n          style=\"display: flex;justify-content: center;align-items: center;\"\r\n        >\r\n<!--          <el-col :xs=\"1\" :sm=\"3\" :lg=\"3\"></el-col>-->\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span\r\n              style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n            >\r\n             {{detailList[1]}}</span\r\n            >\r\n          </el-col>\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n              >{{detailList[4]}}</span\r\n            >\r\n          </el-col>\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n              >{{detailList[7]}}</span\r\n            >\r\n          </el-col>\r\n<!--          <el-col :xs=\"1\" :sm=\"3\" :lg=\"3\"></el-col>-->\r\n        </el-row>\r\n\r\n        <el-row\r\n          style=\"display: flex;justify-content: center;align-items: center;\"\r\n        >\r\n<!--          <el-col :xs=\"1\" :sm=\"3\" :lg=\"3\"></el-col>-->\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span\r\n              style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n            >\r\n             {{detailList[2]}}</span\r\n            >\r\n          </el-col>\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n              >{{detailList[5]}}</span\r\n            >\r\n          </el-col>\r\n          <el-col :xs=\"7\" :sm=\"6\" :lg=\"6\">\r\n            <span style=\"display: block;padding: 5px 4px;word-wrap: break-word;\"\r\n              >{{detailList[8]}}</span\r\n            >\r\n          </el-col>\r\n<!--          <el-col :xs=\"1\" :sm=\"3\" :lg=\"3\"></el-col>-->\r\n        </el-row>\r\n\r\n        <el-row style=\"display: flex;margin: 20px 0px 20px 0px;justify-content: center;\">\r\n          <el-col :span=\"6\" style=\"text-align: center;\">\r\n\r\n            <a-button @click=\"returnHome\" style=\"background-color: #dae3f3;width: 100px;height: 40px;padding: 0px 0px;\">\r\n              <div style=\"display: flex;flex-direction: column;justify-content: center;line-height: 15px;\">\r\n                <span style=\"padding-top: 4px;\">返回</span>\r\n                <span style=\"padding-bottom: 2px;\">Back to Menu</span>\r\n              </div>\r\n            </a-button>\r\n\r\n\r\n          </el-col>\r\n          <!-- <el-col :span=\"6\" style=\"flex:1;\"> </el-col>\r\n          <el-col :span=\"6\">\r\n            <el-button style=\"margin-right: 10px;\" @click=\"clearBtn\"\r\n              >保存</el-button\r\n            >\r\n          </el-col> -->\r\n        </el-row>\r\n      </el-footer>\r\n    </el-container>\r\n\r\n    <barcode-scan @getScanResult=\"getResult\" @isHiddenScanBtn=\"isHiddenScanBtn\" :show=\"isShown\" />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ajax from \"../../api/ajax\";\r\nimport api from \"../../api/url\";\r\nimport { mapState } from \"vuex\";\r\nimport axios from \"axios\";\r\nimport cookie from \"../../api/cookie\";\r\nimport barcodeScan from \"./barcodeScan.vue\";\r\n\r\n\r\nexport default {\r\n  components: {\r\n    barcodeScan\r\n},\r\n  name: \"moose_washing\",\r\n  data() {\r\n    return {\r\n      isHiddenScan:true,\r\n      userForm: {\r\n        userName: \"\",\r\n        phone: \"\",\r\n        address: \"\",\r\n        trackingNumber: \"\",\r\n        status:\"\"\r\n      },\r\n      isLoading: false,\r\n      uploadData: {\r\n        trackingNo: \"\",\r\n      },\r\n      uploadData2: {\r\n        trackingNo: \"\",\r\n      },\r\n      picFileList: [],\r\n      dialogVisible: false,\r\n      dialogImageUrl: \"\",\r\n      dialogVisible2: false,\r\n      dialogImageUrl2: \"\",\r\n      picFileList2: [],\r\n      detailList: [],\r\n      stepStatus: \"\",\r\n      active: 0,\r\n      status: \"\",\r\n      detailList:[],\r\n       isShown : false\r\n    };\r\n  },\r\n  methods: {\r\n    isHiddenScanBtn(){\r\n       this.isHiddenScan = false\r\n    },\r\n        handleBarcode(){\r\n      this.isShown = true;\r\n    },\r\n     getResult(val){\r\n      this.userForm.trackingNumber =  val;\r\n       this.isShown = false;\r\n    },\r\n     returnHome() {\r\n      this.$router.push({ path: \"/moose/home\" });\r\n    },\r\n    queryOrder(){\r\n\r\n              if(this.userForm.trackingNumber  == null || this.userForm.trackingNumber.length == 0){\r\n                 this.$message.warning(\"快递单号不能为空\");\r\n                 return\r\n              }\r\n\r\n              this.isLoading = true;\r\n               ajax.get(api.MOOSEQUERY, { trackingNumber: this.userForm.trackingNumber }).then(res => {\r\n                 this.isLoading = false\r\n                     if (res.code == 200) {          \r\n                        let data = res.data ;           \r\n                             this.userForm.userName = data.userName\r\n                             this.userForm.phone = data.phone\r\n                             this.userForm.address = data.address\r\n                             this.userForm.status = data.status \r\n                             this.detailList = data.detailList\r\n                     \r\n\r\n\r\n                             this. picFileList=[]\r\n                            data.beforeWashPhotos.forEach(item => {\r\n                                this. picFileList.push({url: item,status:\"ready\" })\r\n                            });\r\n\r\n                            this. picFileList2 = []\r\n                            data.afterWashPhotos.forEach(item => {\r\n                                this. picFileList2.push({url: item ,status:\"ready\"})\r\n                            });\r\n\r\n\r\n\r\n\r\n                        } else {\r\n                            this.$message.warning(res.msg);\r\n                        }\r\n                });\r\n\r\n\r\n    },\r\n\r\n\r\n\r\n    clearBtn() {},\r\n\r\n    next() {\r\n      if (this.active++ > 2) this.active = 0;\r\n    },\r\n    beforeUploadPic2(file, fileList) {\r\n      this.picFileList2 = fileList;\r\n    },\r\n    beforeUploadPic(file, fileList) {\r\n      this.picFileList = fileList;\r\n    },\r\n    uploadPicSuccess2(response, file, fileList) {\r\n      if (response.code == 200) {\r\n        this.$message({ message: \"上传成功!\", type: \"success\" });\r\n      } else {\r\n        this.$message.error(response.msg);\r\n      }\r\n      this.loading = false;\r\n      this.$refs.uploadPicRef.clearFiles();\r\n    },\r\n    uploadPicSuccess(response, file, fileList) {\r\n      if (response.code == 200) {\r\n        this.$message({ message: \"上传成功!\", type: \"success\" });\r\n      } else {\r\n        this.$message.error(response.msg);\r\n      }\r\n      this.loading = false;\r\n      this.$refs.uploadPicRef.clearFiles();\r\n    },\r\n    removePic(file, fileList) {\r\n      this.picFileList = fileList;\r\n    },\r\n    removePic2(file, fileList) {\r\n      this.picFileList2 = fileList;\r\n    },\r\n    handlePictureCardPreview(file) {\r\n      this.dialogImageUrl = file.url;\r\n      this.dialogVisible = true;\r\n    },\r\n    handlePictureCardPreview2(file) {\r\n      this.dialogImageUrl2 = file.url;\r\n      this.dialogVisible2 = true;\r\n    },\r\n    uploadPicHandle() {\r\n      if (this.trackingNo.length == 0) {\r\n        this.$message.error(\"快递单号不能为空!\");\r\n        return;\r\n      }\r\n      if (this.picFileList.length == 0) {\r\n        this.$message.error(\"请先添加图片!\");\r\n        return;\r\n      }\r\n      this.uploadData.trackingNo = this.trackingNo;\r\n      this.loading = true;\r\n      this.$refs.uploadPicRef.submit();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* .hidden-sm-only {\r\n padding: 0;\r\n} */\r\n\r\n\r\n.required {\r\n  color: red;\r\n  margin-right: 5px; /* 可选：增加间距 */\r\n}\r\n\r\n.background-color-ccc {\r\n  background-color: #ccc;\r\n}\r\n.border-ccc {\r\n  border: 10px solid #ccc;\r\n}\r\n.flex-text-align {\r\n  text-align: center;\r\n}\r\n.flex-position-left {\r\n  left: 0;\r\n}\r\n\r\n.flex-position-bottom {\r\n  bottom: 0;\r\n}\r\n\r\n.flex-position-right {\r\n  right: 0;\r\n}\r\n\r\n.flex-position-top {\r\n  top: 0;\r\n}\r\n\r\n.flex-position {\r\n  position: absolute;\r\n}\r\n\r\n.flex-border-radius {\r\n  border-radius: 50%;\r\n}\r\n\r\n.flex-div {\r\n  width: 100%;\r\n  padding-top: 100%;\r\n  position: relative;\r\n}\r\n\r\n.flex-height {\r\n  height: 100%;\r\n}\r\n\r\n.flex-align {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.span-font-size {\r\n  font-size: 10px; /* Adjust this value based on your design requirements */\r\n  /* color: #ccc;    */\r\n\r\n}\r\n.ccc-color {\r\n  color: #ccc;\r\n}\r\n\r\n.center-line-col {\r\n  display: flex;\r\n  justify-content: center; /* 水平居中 */\r\n  align-items: center; /* 垂直居中 */\r\n  height: 60px; /* 确保列的高度足够 */\r\n}\r\n\r\n.vertical-line {\r\n   /* 竖线样式 */\r\n  height: 100%; /* 竖线高度填充父元素 */\r\n  width: 1px; /* 竖线宽度 */\r\n}\r\n\r\n.font-weight-bold {\r\n  font-weight: bold;\r\n}\r\n.container >>> .el-form-item__label {\r\n  text-align: right;\r\n  vertical-align: middle;\r\n  float: left;\r\n  font-size: 14px;\r\n  color: #606266;\r\n  line-height: 40px;\r\n  padding: 0 12px 0 0;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  font-weight: normal !important;\r\n}\r\n.container {\r\n  height: 100%;\r\n  padding: 20px;\r\n}\r\n.upload-demo >>>  .el-upload-list__item-actions .el-upload-list__item-delete {\r\n  display: none !important;\r\n}\r\n.form-item-spacing {\r\n  margin-bottom: 5px; /* 根据需要调整距离 */\r\n}\r\n.label {\r\n  margin-right: 10px;\r\n}\r\n\r\n.upload-demo >>> .el-upload__input {\r\n  display: none; /* 隐藏文件选择按钮 */\r\n}\r\n\r\n.upload-demo >>> .el-upload-list--picture-card .el-upload-list__item {\r\n  overflow: hidden;\r\n  background-color: #fff;\r\n  border: 1px solid #c0ccda;\r\n  border-radius: 6px;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  width: 120px;\r\n  height: 120px;\r\n  margin: none;\r\n  display: inline-block;\r\n}\r\n\r\n.upload-demo >>> .el-upload--picture-card {\r\n  background-color: #fbfdff;\r\n  border: 1px dashed #c0ccda;\r\n  border-radius: 6px;\r\n  -webkit-box-sizing: border-box;\r\n  box-sizing: border-box;\r\n  width: 40px;\r\n  height: 40px;\r\n  line-height: 38px;\r\n  vertical-align: top;\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n   display: none;\r\n}\r\n\r\n.upload-demo >>> ul {\r\n  margin-top: 15px;\r\n}\r\n.upload-demo >>> .el-upload-list--picture-card {\r\n  display: inline-block !important;\r\n}\r\n\r\n.upload-demo >>> .el-upload--picture-card i {\r\n  font-size: 20px !important;\r\n  margin: 10px !important;\r\n}\r\n\r\n#interactive.viewport {\r\n  width: 640px;\r\n  height: 480px;\r\n}\r\n\r\n#interactive.viewport canvas,\r\n#interactive.viewport video {\r\n  float: left;\r\n  width: 640px;\r\n  height: 480px;\r\n}\r\n\r\n#interactive.viewport canvas.drawingBuffer,\r\n#interactive.viewport video.drawingBuffer {\r\n  margin-left: -640px;\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!./washing.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!./washing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./washing.vue?vue&type=template&id=44b2cea8&scoped=true&\"\nimport script from \"./washing.vue?vue&type=script&lang=js&\"\nexport * from \"./washing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./washing.vue?vue&type=style&index=0&id=44b2cea8&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  \"44b2cea8\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.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!./washing.vue?vue&type=style&index=0&id=44b2cea8&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/index.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!./washing.vue?vue&type=style&index=0&id=44b2cea8&scoped=true&lang=css&\""],"sourceRoot":""}