{"version":3,"sources":["webpack:///./src/components/HelpCenterHeader/index.vue?2e10","webpack:///./src/components/HelpCenterHeader/index.vue?cfb5","webpack:///src/components/HelpCenterHeader/index.vue","webpack:///./src/components/HelpCenterHeader/index.vue","webpack:///./src/views/Order/CancelOrder/Reason/index.vue?fad2","webpack:///./src/assets/images/order/cancel/merchat.png","webpack:///./src/components/HelpCenterHeader/index.scss?1b59","webpack:///./src/views/Order/CancelOrder/Reason/index.vue?9838","webpack:///src/views/Order/CancelOrder/Reason/index.vue","webpack:///./src/views/Order/CancelOrder/Reason/index.vue?f923","webpack:///./src/views/Order/CancelOrder/Reason/index.vue","webpack:///./src/views/Order/CancelOrder/Reason/index.vue?7566","webpack:///./src/assets/images/order/cancel/rider.png","webpack:///./src/views/Order/CancelOrder/const.js"],"names":["name","props","params","type","String","default","data","mounted","methods","goHelpCenter","this","$router","push","path","query","Object","assign","$route","component","_vm","_h","$createElement","_c","_self","staticClass","on","_v","_s","$t","staticRenderFns","module","exports","components","HelpCenterHeader","PageMbHeader","EmptyState","options","reasonVal","desc","loading","errCode","writeReason","OTHER_REASON_ERROR_CODE","computed","disabled","isOtherReason","cancelSuccessText","isApplyCancel","title","wrapperHeightStyle","showSkipBtn","handleCancelOrder","goOrderDetail","orderId","goOrderList","handleCancelOrderSuc","isCancelApply","gotoCancelResult","getMsg","i","value","label","handleSkipChooseReason","replace","cancelReasonSubmitTrack","$trackEvent","eventId","eventLabel","attrs","cancelReasonTrack","order_id","order_status","orderStatus","back","go","created","getCancelReason","isH5","_e","isNewTab","directives","rawName","expression","_l","option","key","model","callback","$$v","btnLoading","ERROR_CODE","INFO_UPDATE","ORDER_STATUS_UPDATE","REFRESH_TIME","waitRider","merchat","waitMerchant","waitMerchantNoRider","mealPreparation","delivery","rider","takeMeal","waitBusinessCancel","businessRefuse","STATUS_MAP","120","140","1400","100","200","2001","2002","400","500","TITLE_MAP","i18n","t","waitforRider","ICON_MAP"],"mappings":"6HAAA,ICA+Z,ECY/Z,CACEA,KAAM,mBACNC,MAAO,CACLC,OAAQ,CACNC,KAAMC,OACNC,QAAN,KAGEC,KARF,WASI,MAAO,IAETC,QAXF,aAYEC,QAAS,CACPC,aADJ,WAEMC,KAAKC,QAAQC,KAAK,CAChBC,KAAM,cACNC,MAAOC,OAAOC,OAAON,KAAKO,OAAOH,MAAOJ,KAAKR,a,wBCpBjDgB,EAAY,YACd,GHTW,WAAa,IAAIC,EAAIT,KAASU,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,OAAO,CAACE,YAAY,mBAAmBC,GAAG,CAAC,MAAQN,EAAIV,eAAe,CAACa,EAAG,IAAI,CAACE,YAAY,uBAAuBF,EAAG,OAAO,CAACE,YAAY,qBAAqB,CAACL,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,oBACjW,IGUpBC,EAEA,KACA,WACA,MAIa,IAAAX,E,6CCnBf,W,uBCAAY,EAAOC,QAAU,IAA0B,4B,oCCA3C,W,2CCAA,I,oMC+EA,SC/E6b,EDkF7b,CACE/B,KAAM,oBACNgC,WAAY,CACVC,iBAAJ,IACIC,aAAJ,IACIC,WAAJ,KAEE7B,KAPF,WAQI,MAAO,CACL8B,QAAS,GACTC,WAZN,EAaMC,KAAM5B,KAAKkB,GAAG,kBACdW,SAAQA,EACRC,QAAS,KACTC,YAAa,GACbC,wBAAyBA,IAG7BC,SAAU,OAAZ,IAAY,CAAZ,eACA,oBACI,KAAJ,YAAM,OAAN,eACI,SAFJ,WAGM,OAAN,kBAJA,IAOIC,SAPJ,WAQM,OA5BN,IA4BalC,KAAK2B,WAEdQ,cAVJ,WAWM,OAAOnC,KAAK2B,YAAcK,GAE5BI,kBAbJ,WAcM,OAAO,OAAb,IAAa,CAAb,2CAGIC,cAjBJ,WAkBM,MAAkC,gBAA3BrC,KAAKO,OAAOH,MAAMX,MAE3B6C,MApBJ,WAqBM,OAAOtC,KAAKqC,cAClB,6BACA,oBAEIE,mBAzBJ,WA0BM,MAAO,SAETC,YA5BJ,WA8BM,OAAO,OAAb,IAAa,CAAb,6CAGE1C,QAAS,CAEP,gBAFJ,WAEA,gLAEA,aACA,6CAHA,SAKA,qBACA,YANA,gDAOA,GAPA,OAIA,EAJA,KAQA,iCACA,UACA,mBACA,OACA,kBACA,oBAEA,GACA,aACA,eAjBA,oDAmBA,oCAEA,iCACA,iBACA,6BACA,uBACA,oBACA,iBAEA,YACA,cA7BA,yBAgCA,aAhCA,gFAoCI2C,kBAAmB,OAAvB,IAAuB,CAAvB,kIACA,mBACA,yBAEA,0BAJA,gDAMA,KAEI,kBA9CJ,WA8CA,8KAEA,aACA,aACA,6CAJA,SAKA,iBACA,UACA,uBACA,6CACA,cATA,OAWA,aACA,0BAZA,oDAeA,oCACA,iCACA,iBACA,6BACA,uBACA,wBACA,iBAEA,YACA,cAxBA,6DA4BIC,cA1EJ,WA2EM,IAAN,2CACWC,GACL3C,KAAKC,QAAQC,KAAK,CAChBC,KAAM,gBACNC,MAAO,CACLuC,QAAV,MAIIC,YApFJ,WAqFM5C,KAAKC,QAAQC,KAAK,CAChBC,KAAM,aAIV0C,qBA1FJ,SA0FA,GAIUC,EACF9C,KAAK0C,gBAEL1C,KAAK+C,oBAIT,mBArGJ,WAqGA,qKACA,aADA,SAGA,aAHA,SAIA,cAJA,cAIA,EAJA,gBAKA,uBACA,cACA,CACA,+BACA,uCACA,gCAEA,CACA,qBACA,MACA,6CACA,wBAhBA,OAoBA,eACA,0BACA,2BACA,wBACA,SACA,kBACA,oBA1BA,kDA6BA,iCACA,YACA,2BACA,wBACA,SACA,oBACA,oBAnCA,yBAuCA,aAvCA,gFA2CIC,OAhJJ,WAmJM,IAFA,IAAN,mCACA,iCACA,mBACQ,GAAItB,EAAQuB,GAAGC,QAAUvB,EACvB,OAAOD,EAAQuB,GAAGE,MAGtB,MAAO,IAGTC,uBA3JJ,WA4JMpD,KAAK+C,oBAGPA,iBA/JJ,WAgKM,IAAN,oBACM/C,KAAKC,QAAQoD,QAAQ,CACnB/D,KAAM,oBACNc,MAAR,KAGIkD,wBAtKJ,SAsKA,GACM,IAAN,8CACA,kDACMtD,KAAKuD,YAAY,CACfC,QAAS,qCACTC,WAAY,eACZC,MAAOrD,OAAOC,OACtB,CAAU,SAAV,EAAU,aAAV,GACA,MAIIqD,kBAlLJ,WAmLM,IAAN,8CACA,kDACM3D,KAAKuD,YAAY,CACfC,QAAS,qCACTC,WAAY,aACZC,MAAO,CACLE,SAAUjB,EACVkB,aAAcC,MAIpBC,KA9LJ,WA+LM/D,KAAKC,QAAQ+D,IAAI,KAGrBC,QArPF,WAsPIjE,KAAKkE,kBACLlE,KAAK2D,sB,kCEhULnD,EAAY,YACd,GHVW,WAAa,IAAIC,EAAIT,KAASU,EAAGD,EAAIE,eAAmBC,EAAGH,EAAII,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAGH,EAAI0D,KAA6B1D,EAAI2D,KAA3BxD,EAAG,oBAA8BH,EAAQ,KAAEG,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,eAAe,CAAC8C,MAAM,CAAC,MAAQjD,EAAI4B,cAAgB5B,EAAIS,GAAG,UAAYT,EAAIS,GAAG,UAAU,aAAkB,aAAkB,UAAYT,EAAI4D,UAAUtD,GAAG,CAAC,aAAaN,EAAIsD,SAAS,GAAGtD,EAAI2D,KAAM3D,EAAW,QAAE,CAACG,EAAG,aAAa,CAAC8C,MAAM,CAAC,UAAY,aAAa3C,GAAG,CAAC,SAAWN,EAAIyD,oBAAoB,CAACtD,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAAC0D,WAAW,CAAC,CAAChF,KAAK,YAAYiF,QAAQ,cAAcrB,MAAOzC,EAAW,QAAE+D,WAAW,YAAY1D,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACL,EAAIO,GAAGP,EAAIQ,GAAGR,EAAI6B,UAAU1B,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACL,EAAIO,GAAGP,EAAIQ,GAAGR,EAAImB,WAAWhB,EAAG,MAAM,CAACE,YAAY,kBAAkBL,EAAIgE,GAAIhE,EAAW,kBAAWiE,GAAQ,OAAO9D,EAAG,MAAM,CAAC+D,IAAID,EAAOxB,OAAO,CAACtC,EAAG,WAAW,CAAC8C,MAAM,CAAC,MAAQgB,EAAOxB,OAAO0B,MAAM,CAAC1B,MAAOzC,EAAa,UAAEoE,SAAS,SAAUC,GAAMrE,EAAIkB,UAAUmD,GAAKN,WAAW,cAAc,CAAC/D,EAAIO,GAAGP,EAAIQ,GAAGyD,EAAOvB,UAAY1C,EAAI0B,cAAgBuC,EAAOxB,QAAUzC,EAAIuB,wBAAyBpB,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,WAAW,CAACE,YAAY,WAAW4C,MAAM,CAAC,KAAO,WAAW,YAAcjD,EAAIS,GAAG,8BAA4C,UAAY,MAAM,OAAS,OAAO,kBAAkB,IAAI0D,MAAM,CAAC1B,MAAOzC,EAAe,YAAEoE,SAAS,SAAUC,GAAMrE,EAAIsB,YAAY+C,GAAKN,WAAW,kBAAkB,GAAG/D,EAAI2D,KAAKxD,EAAG,MAAM,CAACE,YAAY,YAAY,MAAK,OAAOF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEL,EAAe,YAAEG,EAAG,YAAY,CAACE,YAAY,MAAM4C,MAAM,CAAC,QAAY,YAAgB3C,GAAG,CAAC,MAAQN,EAAI2C,yBAAyB,CAAC3C,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,OAAO,OAAOT,EAAI2D,KAAKxD,EAAG,YAAY,CAACE,YAAY,MAAM4C,MAAM,CAAC,SAAWjD,EAAIyB,SAAS,QAAUzB,EAAIsE,YAAYhE,GAAG,CAAC,MAAQN,EAAIgC,oBAAoB,CAAChC,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,OAAO,QAAQ,OAAO,KACp8D,IGWpBC,EAEA,KACA,WACA,MAIa,UAAAX,E,2FCpBf,W,qBCAAY,EAAOC,QAAU,IAA0B,0B,yDCA3C,uRAAa2D,EAAa,CACxBC,YAAa,MACbC,oBAAqB,OAEVC,EAAe,KAQtBC,EAAYC,IACZC,EAAeD,IACfE,EAAsBF,IACtBG,EAAkBH,IAClBI,EAAWC,IACXC,EAAWD,IACXE,EAAqBP,IACrBQ,EAAiBR,IAEVS,EAAa,CACxBC,IAAK,YACLC,IAAK,eACLC,KAAM,eACNC,IAAK,sBACLC,IAAK,kBACLC,KAAM,qBACNC,KAAM,iBACNC,IAAK,WACLC,IAAK,YAGMC,EAAY,CACvBpB,UAAWqB,IAAKC,EAAE,UAClBpB,aAAcmB,IAAKC,EAAE,UACrBC,aAAcF,IAAKC,EAAE,sCACrBnB,oBAAqBkB,IAAKC,EAAE,UAC5BlB,gBAAiBiB,IAAKC,EAAE,UACxBjB,SAAUgB,IAAKC,EAAE,WACjBf,SAAUc,IAAKC,EAAE,SACjBd,mBAAoBa,IAAKC,EAAE,gBAC3Bb,eAAgBY,IAAKC,EAAE,aAGZE,EAAW,CACtBxB,YACAE,eACAC,sBACAC,kBACAC,WACAE,WACAC,qBACAC","file":"js/chunk-62f6e1c2.9f4287fc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"help-center-content\"},[_c('div',{staticClass:\"help-center-content-row\"},[_c('span',{staticClass:\"help-center-cont\",on:{\"click\":_vm.goHelpCenter}},[_c('i',{staticClass:\"el-icon-arrow-left\"}),_c('span',{staticClass:\"help-center-title\"},[_vm._v(_vm._s(_vm.$t('帮助中心')))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","<template>\n  <div class=\"help-center-content\">\n    <div class=\"help-center-content-row\">\n      <span @click=\"goHelpCenter\" class=\"help-center-cont\">\n        <i class=\"el-icon-arrow-left\"></i>\n        <span class=\"help-center-title\">{{ $t('帮助中心') }}</span>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'HelpCenterHeader',\n  props: {\n    params: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {};\n  },\n  mounted() {},\n  methods: {\n    goHelpCenter() {\n      this.$router.push({\n        path: '/user/help/',\n        query: Object.assign(this.$route.query, this.params),\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped src=\"./index.scss\"></style>\n","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4abaa814&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.scss?vue&type=style&index=0&id=4abaa814&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4abaa814\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/merchat.385db471.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./index.scss?vue&type=style&index=0&id=4abaa814&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.isH5)?_c('HelpCenterHeader'):_vm._e(),(_vm.isH5)?_c('div',{staticClass:\"header-box\"},[_c('PageMbHeader',{attrs:{\"title\":_vm.isApplyCancel ? _vm.$t('申请取消原因') : _vm.$t('订单取消成功'),\"transShow\":false,\"transOpen\":false,\"iconShow\":!_vm.isNewTab},on:{\"icon-click\":_vm.back}})],1):_vm._e(),(_vm.errCode)?[_c('EmptyState',{attrs:{\"emptyType\":\"noNetwork\"},on:{\"tryAgain\":_vm.getCancelReason}})]:[_c('div',{staticClass:\"content\"},[_c('div',{directives:[{name:\"r-loading\",rawName:\"v-r-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"cancel-reason-content\"},[_c('div',{staticClass:\"reason-list\"},[_c('div',{staticClass:\"desc-content\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"desc\"},[_vm._v(_vm._s(_vm.desc))])]),_c('div',{staticClass:\"option-content\"},_vm._l((_vm.options),function(option){return _c('div',{key:option.value},[_c('el-radio',{attrs:{\"label\":option.value},model:{value:(_vm.reasonVal),callback:function ($$v) {_vm.reasonVal=$$v},expression:\"reasonVal\"}},[_vm._v(_vm._s(option.label))]),( _vm.isOtherReason & option.value === _vm.OTHER_REASON_ERROR_CODE)?_c('div',{staticClass:\"else-reason-cont\"},[_c('el-input',{staticClass:\"txt-area\",attrs:{\"type\":\"textarea\",\"placeholder\":_vm.$t('FoodC_reasons_Enter_a_Pnzg' /* 请输入具体原因 */),\"maxlength\":\"200\",\"resize\":\"none\",\"show-word-limit\":\"\"},model:{value:(_vm.writeReason),callback:function ($$v) {_vm.writeReason=$$v},expression:\"writeReason\"}})],1):_vm._e(),_c('div',{staticClass:\"border\"})],1)}),0)])]),_c('div',{staticClass:\"button-content\"},[(_vm.showSkipBtn)?_c('el-button',{staticClass:\"btn\",attrs:{\"dark\":true,\"outline\":true},on:{\"click\":_vm.handleSkipChooseReason}},[_vm._v(\" \"+_vm._s(_vm.$t('跳过'))+\" \")]):_vm._e(),_c('el-button',{staticClass:\"btn\",attrs:{\"disabled\":_vm.disabled,\"loading\":_vm.btnLoading},on:{\"click\":_vm.handleCancelOrder}},[_vm._v(\" \"+_vm._s(_vm.$t('确认'))+\" \")])],1)])]],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <HelpCenterHeader v-if=\"!isH5\"></HelpCenterHeader>\n    <div class=\"header-box\" v-if=\"isH5\">\n      <PageMbHeader\n        :title=\"isApplyCancel ? $t('申请取消原因') : $t('订单取消成功')\"\n        :transShow=\"false\"\n        :transOpen=\"false\"\n        :iconShow=\"!isNewTab\"\n        @icon-click=\"back\"\n      />\n    </div>\n    <template v-if=\"errCode\">\n      <EmptyState emptyType=\"noNetwork\" @tryAgain=\"getCancelReason\" />\n    </template>\n    <template v-else>\n      <div class=\"content\">\n        <div class=\"cancel-reason-content\" v-r-loading=\"loading\">\n          <div class=\"reason-list\">\n            <div class=\"desc-content\">\n              <div class=\"title\">{{ title }}</div>\n              <div class=\"desc\">{{ desc }}</div>\n            </div>\n            <div class=\"option-content\">\n              <div v-for=\"option in options\" :key=\"option.value\">\n                <el-radio v-model=\"reasonVal\" :label=\"option.value\">{{\n                  option.label\n                }}</el-radio>\n                <div class=\"else-reason-cont\" v-if=\" isOtherReason & option.value === OTHER_REASON_ERROR_CODE\">\n                  <el-input\n                    type=\"textarea\"\n                    class=\"txt-area\"\n                    :placeholder=\"$t('FoodC_reasons_Enter_a_Pnzg' /* 请输入具体原因 */)\"\n                    v-model=\"writeReason\"\n                    maxlength=\"200\"\n                    resize=\"none\"\n                    show-word-limit\n                  >\n                  </el-input>\n                </div>\n                <div class=\"border\"></div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"button-content\">\n          <el-button\n            v-if=\"showSkipBtn\"\n            :dark=\"true\"\n            :outline=\"true\"\n            @click=\"handleSkipChooseReason\"\n            class=\"btn\"\n          >\n            {{ $t('跳过') }}\n          </el-button>\n          <el-button\n            :disabled=\"disabled\"\n            :loading=\"btnLoading\"\n            @click=\"handleCancelOrder\"\n            class=\"btn\"\n          >\n            {{ $t('确认') }}\n          </el-button>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport api from '@/api';\nimport { get, debounce } from 'lodash-es';\nimport HelpCenterHeader from '@/components/HelpCenterHeader';\nimport PageMbHeader from '@/components/PageMbHeader';\nimport { mapState } from 'vuex';\nimport EmptyState from '@/components/EmptyState';\nimport { ERROR_CODE, REFRESH_TIME } from '../const';\nimport { requestCommonParams } from '@/lib/request/requestCommonParams';\nimport { getIsNewTab } from '@/utils/tools';\nconst OTHER_REASON_ERROR_CODE = 319999 // 定义特殊状态码 其他原因情况\nconst DEFAULT_REASON_ERROR_CODE = -1 // 定义特殊状态码，和rd确定不存在负数情况\n\nexport default {\n  name: 'cancelOrderReason', // 取消订单\n  components: {\n    HelpCenterHeader,\n    PageMbHeader,\n    EmptyState,\n  },\n  data() {\n    return {\n      options: [],\n      reasonVal: DEFAULT_REASON_ERROR_CODE,\n      desc: this.$t('请告诉我们，帮助我们一起改善'),\n      loading: false,\n      errCode: null,\n      writeReason: '',\n      OTHER_REASON_ERROR_CODE: OTHER_REASON_ERROR_CODE\n    };\n  },\n  computed: {\n    ...mapState({\n      isH5: ({ common }) => common.isH5,\n      isNewTab() {\n        return getIsNewTab();\n      },\n    }),\n    disabled() {\n      return this.reasonVal === DEFAULT_REASON_ERROR_CODE;\n    },\n    isOtherReason () {\n      return this.reasonVal === OTHER_REASON_ERROR_CODE\n    },\n    cancelSuccessText() {\n      return get(this, '$route.query.cancelSuccessText', '');\n    },\n    // 是否来自提交申请\n    isApplyCancel() {\n      return this.$route.query.type === 'applyCancel';\n    },\n    title() {\n      return this.isApplyCancel\n        ? this.$t('请选择取消原因以便商家更快帮您处理')\n        : this.$t('您为什么取消？');\n    },\n    wrapperHeightStyle() {\n      return '400px';\n    },\n    showSkipBtn() {\n      // 判断是否为商家接单前流程\n      return get(this, '$route.query.orderStatus', null) < 200;\n    },\n  },\n  methods: {\n    // 获取取消原因\n    async getCancelReason() {\n      try {\n        this.loading = true;\n        const orderId = get(this, '$route.query.orderId', null);\n        const res =\n          (await api.getCancelReason({\n            orderId,\n          })) || {};\n        const reasonList = get(res, 'reasonList', []);\n        this.options =\n          reasonList.map((list) => {\n            return {\n              value: list.eventCode,\n              label: list.reason,\n            };\n          }) || [];\n        this.loading = false;\n        this.errCode = null;\n      } catch (error) {\n        const errno = get(error, 'errno', null);\n        // 关闭订单已完成页面\n        if (+errno === ERROR_CODE.ORDER_STATUS_UPDATE) {\n          this.goOrderList();\n        } else if (+errno === ERROR_CODE.INFO_UPDATE) {\n          setTimeout(() => {\n            this.getCancelFlow();\n          }, REFRESH_TIME);\n        } else {\n          this.errCode = errno;\n          this.loading = false;\n        }\n      } finally {\n        this.loading = false;\n      }\n    },\n    // 提交取消\n    handleCancelOrder: debounce(async function () {\n      if (this.isApplyCancel) {\n        this.submitCancelOrder();\n      } else {\n        this.submitCancelReason();\n      }\n    }, 300),\n    // 提交取消订单\n    async submitCancelOrder() {\n      try {\n        const msg = this.getMsg()\n        this.loading = true;\n        const orderId = get(this, '$route.query.orderId', null);\n        await api.applyCancel({\n          orderId,\n          reasonCode: this.reasonVal,\n          writeReason: this.isOtherReason ? this.writeReason : '',\n          reasonMsg: msg,\n        });\n        this.loading = false;\n        this.handleCancelOrderSuc(1);\n      } catch (error) {\n        // 关闭订单已完成页面\n        const errno = get(error, 'errno', null);\n        if (+errno === ERROR_CODE.ORDER_STATUS_UPDATE) {\n          this.goOrderList();\n        } else if (+errno === ERROR_CODE.INFO_UPDATE) {\n          setTimeout(() => {\n            this.submitCancelOrder();\n          }, REFRESH_TIME);\n        } else {\n          this.errCode = errno;\n          this.loading = false;\n        }\n      }\n    },\n    goOrderDetail() {\n      const orderId = get(this, '$route.query.orderId');\n      if (!orderId) return;\n      this.$router.push({\n        path: '/orderDetail/',\n        query: {\n          orderId,\n        },\n      });\n    },\n    goOrderList() {\n      this.$router.push({\n        path: '/order/',\n      });\n    },\n    // 提交取消成功挑战逻辑\n    handleCancelOrderSuc(isCancelApply) {\n      // 提交是否成功，0失败，1成功---取消申请提交,0不是,1是\n      // 如果是向商家提交申请则返回订单页面\n      // 否则跳转至取消结果页面\n      if (isCancelApply) {\n        this.goOrderDetail();\n      } else {\n        this.gotoCancelResult();\n      }\n    },\n    // 提交取消原因\n    async submitCancelReason() {\n      const msg = this.getMsg();\n      try {\n        this.loading = true;\n        const commonParams = await requestCommonParams();\n        await api.submitCancelReason(\n          Object.assign(\n            {\n              orderId: this.$route.query.orderId,\n              orderCityId: this.$route.query.orderCityId,\n              judgeId: this.$route.query.judgeId,\n            },\n            {\n              optionId: this.reasonVal,\n              msg,\n              writeReason: this.isOtherReason ? this.writeReason : '',\n              orderCityId: commonParams.cityId,\n            }\n          )\n        );\n        this.errCode = null;\n        this.handleCancelOrderSuc(0);\n        this.cancelReasonSubmitTrack({\n          reason_code: this.reasonVal,\n          is_suc: 1,\n          failure_reason: '',\n          is_cancel_apply: 1,\n        });\n      } catch (error) {\n        const errno = get(error, 'errno', null);\n        this.errCode = errno;\n        this.cancelReasonSubmitTrack({\n          reason_code: this.reasonVal,\n          is_suc: 0,\n          failure_reason: error,\n          is_cancel_apply: 1,\n        });\n        console.error(error);\n      } finally {\n        this.loading = false;\n      }\n    },\n    // 管控需要提交原因，后端又添加了一个字段msg\n    getMsg() {\n      const reasonVal = get(this, 'reasonVal', -1);\n      const options = get(this, 'options', []);\n      for (let i = 0; i < options.length; i++) {\n        if (options[i].value === reasonVal) {\n          return options[i].label;\n        }\n      }\n      return '';\n    },\n    // 跳过取消原因提交\n    handleSkipChooseReason() {\n      this.gotoCancelResult();\n    },\n    // 跳转至取消结果页面\n    gotoCancelResult() {\n      const query = this.$route.query;\n      this.$router.replace({\n        name: 'CancelOrderResult',\n        query,\n      });\n    },\n    cancelReasonSubmitTrack(params) {\n      const orderId = get(this, '$route.query.orderId', '');\n      const orderStatus = get(this, '$route.query.orderStatus', '');\n      this.$trackEvent({\n        eventId: 'sailing_c_x_cancelreason_submit_ck',\n        eventLabel: '取消订单原因页面提交按钮',\n        attrs: Object.assign(\n          { order_id: orderId, order_status: orderStatus },\n          params\n        ),\n      });\n    },\n    cancelReasonTrack() {\n      const orderId = get(this, '$route.query.orderId', '');\n      const orderStatus = get(this, '$route.query.orderStatus', '');\n      this.$trackEvent({\n        eventId: 'sailing_c_x_cancelreason_common_sw',\n        eventLabel: '取消订单原因页面展示',\n        attrs: {\n          order_id: orderId,\n          order_status: orderStatus,\n        },\n      });\n    },\n    back() {\n      this.$router.go(-1);\n    },\n  },\n  created() {\n    this.getCancelReason();\n    this.cancelReasonTrack();\n  },\n};\n</script>\n<style lang=\"scss\">\n.cancel-reason-content {\n  .el-radio {\n    width: 100%;\n    padding: 20px 70px 20px 24px;\n    font-family: 'Aspira Light';\n    font-size: 14px;\n    line-height: 18px;\n    color: #000000;\n    letter-spacing: 0;\n    display: block;\n    &.is-checked {\n      letter-spacing: 0;\n      font-family: 'Aspira Medium';\n    }\n    &:hover {\n      background: #f5f5f7;\n    }\n    .el-radio__input {\n      position: static;\n    }\n    .el-radio__inner {\n      position: absolute;\n      right: 24px;\n      top: 20px;\n    }\n    .el-radio__label {\n      font-size: 14px;\n      line-height: 18px;\n      padding-right: 16px;\n      padding-left: 0;\n    }\n  }\n}\n@media screen and (max-width: 768px) {\n  .cancel-reason-content {\n    .el-radio {\n      width: 100%;\n      padding: rem(54) rem(134) rem(48) rem(18);\n      font-family: 'Aspira Light';\n      font-size: rem(28);\n      line-height: rem(34);\n      color: #000000;\n      letter-spacing: 0;\n      &.is-checked {\n        letter-spacing: 0;\n        .el-radio__inner {\n          box-shadow: none !important;\n        }\n      }\n      &:hover {\n        background: transparent;\n      }\n      .el-radio__input {\n        position: static;\n      }\n      .el-radio__inner {\n        position: absolute;\n        right: rem(32);\n        width: rem(40);\n        height: rem(40);\n        top: rem(48);\n        border-color: transparent;\n        border-style: solid;\n        overflow: hidden;\n      }\n      .el-radio__label {\n        padding-right: rem(32);\n        padding-left: 0;\n      }\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\" scoped>\n@import '../../control_global.scss';\n.content {\n  height: calc(100vh - #{$pc_cont_height});\n  position: relative;\n  max-width: 940px;\n  margin: 0 auto 80px;\n}\n.button-content {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  text-align: right;\n  height: 80px;\n  padding-right: 20px;\n  background: #ffffff;\n  .btn {\n    margin: 20px 0 20px 20px;\n    min-width: $pc_button_min_width;\n    &.is-dark {\n      background: #fff;\n    }\n  }\n}\n.cancel-reason-content {\n  height: 100%;\n  overflow-y: auto;\n  border-radius: 8px;\n  background: #fff;\n  .title {\n    margin: 0 24px 10px;\n    font-family: 'Aspira Medium';\n    font-size: 24px;\n    line-height: 28px;\n    color: #000000;\n  }\n  .desc {\n    margin: 0 24px 8px;\n    font-family: 'Aspira Light';\n    font-size: 14px;\n    line-height: 18px;\n    color: #999999;\n  }\n  .reason-list {\n    min-height: 520px;\n    margin: 32px 0 84px;\n  }\n  .border {\n    margin: 0 24px;\n    height: 1px;\n    background: #e5e5e5;\n    border-radius: 4px;\n  }\n  .else-reason-cont {\n    margin: 0 24px 24px 24px;\n  }\n}\n// 移动端适配\n@media screen and (max-width: 768px) {\n  .header-box {\n    position: sticky;\n    top: 0;\n    z-index: 9;\n  }\n  .content {\n    margin: 0 auto;\n    padding: rem(94) 0 0;\n    height: auto;\n    min-height: calc(100vh - #{$h5_btn_height});\n  }\n  .button-content {\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    text-align: right;\n    height: rem(166);\n    padding: 0 rem(28) 0 rem(18);\n    background: transparent;\n    display: flex;\n    .btn {\n      flex: 1;\n      margin: rem(38) rem(9);\n    }\n  }\n  .cancel-reason-content {\n    height: 100%;\n    position: relative;\n    margin: 0 auto;\n    max-width: none;\n    background: #f5f5f7;\n    .option-content {\n      background: #fff;\n      margin: 0 rem(24);\n      border-radius: rem(12);\n    }\n    .title {\n      margin: rem(20) rem(32) rem(32);\n      font-family: 'Aspira Medium';\n      font-size: rem(44);\n      line-height: rem(52);\n      color: #000000;\n    }\n    .desc {\n      margin: 0 rem(32) rem(48);\n      font-family: 'Aspira Light';\n      font-size: rem(28);\n      line-height: rem(34);\n      color: #000;\n    }\n    .reason-list {\n      min-height: 520px;\n      margin: rem(22) 0 rem(186);\n      overflow: auto;\n    }\n    .border {\n      margin: 0 rem(18);\n      height: rem(1);\n      background: #e5e5e5;\n      border-radius: rem(4);\n    }\n    .else-reason-cont {\n      margin: 0 rem(32) rem(64) rem(18);\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/@vue/cli-plugin-babel/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=59235da2&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./index.vue?vue&type=style&index=1&id=59235da2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"59235da2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=1&id=59235da2&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/rider.6fb6c84b.png\";","export const ERROR_CODE = {\n  INFO_UPDATE: 41202, // 信息已更新\n  ORDER_STATUS_UPDATE: 41203, // 订单状态发生改变\n};\nexport const REFRESH_TIME = 1500; // refresh间隔时间\n\n// 取消页icon引入\nimport rider from '@/assets/images/order/cancel/rider.png'\nimport merchat from '@/assets/images/order/cancel/merchat.png'\nimport i18n from '@/i18n/locale'\n\n\nconst waitRider = merchat;\nconst waitMerchant = merchat;\nconst waitMerchantNoRider = merchat;\nconst mealPreparation = merchat;\nconst delivery = rider;\nconst takeMeal = rider;\nconst waitBusinessCancel = merchat;\nconst businessRefuse = merchat;\n\nexport const STATUS_MAP = {\n  120: 'waitRider', // 待骑手接单\n  140: 'waitMerchant', // 骑手已接单，待商家接单\n  1400: 'waitforRider', // 骑手正前往商家为您下单\n  100: 'waitMerchantNoRider', // 商家已接单\n  200: 'mealPreparation', // 商家备餐中\n  2001: 'waitBusinessCancel', // 已发起取消，等待商家确认\n  2002: 'businessRefuse', // 商家拒绝取消申请\n  400: 'delivery', // 配送中\n  500: 'takeMeal' // 待取餐\n}\n\nexport const TITLE_MAP = {\n  waitRider: i18n.t('正在寻找骑手'),\n  waitMerchant: i18n.t('等待商家接单'),\n  waitforRider: i18n.t('FoodC_nonaffiliate_Courier_is_iunG', /*骑手正前往商家为您下单*/ ),\n  waitMerchantNoRider: i18n.t('等待商家接单'),\n  mealPreparation: i18n.t('商家正在备餐'),\n  delivery: i18n.t('骑手正在配送中'),\n  takeMeal: i18n.t('骑手已到达'),\n  waitBusinessCancel: i18n.t('已发起取消，等待商家确认'),\n  businessRefuse: i18n.t('商家拒绝取消申请')\n}\n\nexport const ICON_MAP = {\n  waitRider,\n  waitMerchant,\n  waitMerchantNoRider,\n  mealPreparation,\n  delivery,\n  takeMeal,\n  waitBusinessCancel,\n  businessRefuse\n}\n"],"sourceRoot":""}