1 line
8.3 KiB
JSON
1 line
8.3 KiB
JSON
{"ast":null,"code":"import { myMixins } from '@/utils/myMixins.js';\nimport { getCurrentOrder } from '@/api/order';\nimport BottomItem from '@/components/bottomItem';\nexport default {\n name: \"Search\",\n mixins: [myMixins],\n data() {\n return {\n searchValue: '',\n orderInfo: null,\n noneOrder: false\n };\n },\n components: {\n BottomItem\n },\n methods: {\n async searchHandler() {\n if (!this.searchValue) {\n this.$toast('查询内容不能为空');\n return;\n }\n let data = this.getParams();\n this.orderInfo = await getCurrentOrder(data);\n if (this.orderInfo) {\n this.noneOrder = false;\n } else {\n this.noneOrder = true;\n }\n },\n getParams() {\n let data = {\n userPhone: '',\n plateNumber: '',\n appCode: localStorage.getItem('appCode')\n };\n if (/^1[3456789]\\d{9}$/.test(this.searchValue)) {\n data.userPhone = this.searchValue;\n } else {\n data.plateNumber = this.searchValue;\n }\n return data;\n },\n goDetailHandler() {\n let data = this.getParams();\n if (this.orderInfo.orderStatus == 17) {\n this.goPage('payPage', {\n ticketId: this.orderInfo.ticketId,\n ...data\n });\n } else {\n this.goPage('orderStatus', {\n ticketId: this.orderInfo.ticketId,\n ...data\n });\n }\n }\n }\n};","map":{"version":3,"names":["myMixins","getCurrentOrder","BottomItem","name","mixins","data","searchValue","orderInfo","noneOrder","components","methods","searchHandler","$toast","getParams","userPhone","plateNumber","appCode","localStorage","getItem","test","goDetailHandler","orderStatus","goPage","ticketId"],"sources":["src/views/index/search.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"search_wrap\">\r\n <div class=\"search_top\">\r\n <div class=\"input_wrap\">\r\n <input class=\"input_cls\" v-model=\"searchValue\" type=\"text\" placeholder=\"输入手机号 或 车牌号\" />\r\n <div class=\"search_btn\" @click=\"searchHandler\">查询</div>\r\n </div>\r\n </div>\r\n <div class=\"split_bar\"></div>\r\n <div class=\"order_wrap\" v-if=\"orderInfo\">\r\n <div class=\"order_item\" @click=\"goDetailHandler\">\r\n <img src=\"@/assets/point.png\" alt=\"\">\r\n <div class=\"order_detail\">\r\n <div class=\"order_title\">{{orderInfo.serviceName}}</div>\r\n <div class=\"order_code\">订单号：{{orderInfo.ticketId}}</div>\r\n <div class=\"order_time\">提交时间：{{orderInfo.createTime}}</div>\r\n </div>\r\n <div class=\"order_status\">\r\n {{orderInfo.orderStatusName}}\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"order_wrap text-center\" v-if=\"noneOrder\">\r\n 暂无订单\r\n </div>\r\n </div>\r\n <!-- 底部 button -->\r\n <div class=\"bottom_wrap\">\r\n <div class=\"wrap\">\r\n <bottom-item server-name=\"叫服务\" page=\"Home\" :url=\"require('@/assets/server_btn.png')\" @pageClick=\"goPage\"></bottom-item>\r\n <bottom-item server-name=\"查订单\" :active=\"true\" :url=\"require('@/assets/search_active_btn.png')\" ></bottom-item>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n import { myMixins } from '@/utils/myMixins.js'\r\n import { getCurrentOrder } from '@/api/order'\r\n import BottomItem from '@/components/bottomItem'\r\n export default {\r\n name: \"Search\",\r\n mixins: [ myMixins ],\r\n data() {\r\n return {\r\n searchValue: '',\r\n orderInfo: null,\r\n noneOrder: false,\r\n }\r\n },\r\n components: {\r\n BottomItem\r\n },\r\n methods: {\r\n async searchHandler() {\r\n if( !this.searchValue ) {\r\n this.$toast('查询内容不能为空')\r\n return\r\n }\r\n let data = this.getParams()\r\n this.orderInfo = await getCurrentOrder(data)\r\n if( this.orderInfo ) {\r\n this.noneOrder = false\r\n } else {\r\n this.noneOrder = true\r\n }\r\n },\r\n getParams () {\r\n let data = {\r\n userPhone: '',\r\n plateNumber: '',\r\n appCode: localStorage.getItem('appCode'),\r\n }\r\n if(/^1[3456789]\\d{9}$/.test(this.searchValue)) {\r\n data.userPhone = this.searchValue;\r\n } else {\r\n data.plateNumber = this.searchValue;\r\n }\r\n return data\r\n },\r\n goDetailHandler() {\r\n let data = this.getParams()\r\n if( this.orderInfo.orderStatus == 17 ) {\r\n this.goPage('payPage', {\r\n ticketId: this.orderInfo.ticketId,\r\n ...data\r\n })\r\n } else {\r\n this.goPage('orderStatus', {\r\n ticketId: this.orderInfo.ticketId,\r\n ...data\r\n })\r\n }\r\n },\r\n }\r\n }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n .search_wrap {\r\n .search_top {\r\n padding: 20px 22px;\r\n .input_wrap {\r\n width: 100%;\r\n box-sizing: border-box;\r\n height: 50px;\r\n border-radius: 25px;\r\n border: 1px solid #D5D7E2;\r\n display: flex;\r\n .input_cls {\r\n flex: 1;\r\n height: 48px;\r\n line-height: 48px;\r\n padding-left: 20px;\r\n font-size: 14px;\r\n border: 0;\r\n background: none;\r\n }\r\n .search_btn {\r\n padding: 0 20px;\r\n border-radius: 25px;\r\n color: #fff;\r\n background: #3364B7;\r\n font-size: 15px;\r\n margin-right: 6px;\r\n height: 38px;\r\n line-height: 38px;\r\n margin-top: 5px;\r\n font-size: 15px;\r\n z-index: 10000;\r\n }\r\n }\r\n }\r\n .split_bar {\r\n width: 100%;\r\n height: 10px;\r\n background-color: #FAFAFA;\r\n }\r\n .text-center {\r\n text-align: center;\r\n }\r\n .order_wrap {\r\n padding: 15px 20px;\r\n .order_item {\r\n width: 100%;\r\n box-sizing: border-box;\r\n border: 1px solid #3364B7;\r\n border-radius: 15px;\r\n padding: 15px 20px 25px 10px;\r\n display: flex;\r\n img {\r\n width: 11px;\r\n height: 11px;\r\n margin-right: 8px;\r\n margin-top: 6px;\r\n }\r\n .order_detail {\r\n flex: 1;\r\n .order_title {\r\n font-size: 16px;\r\n color: #33495E;\r\n font-weight: 500;\r\n }\r\n .order_code {\r\n color: #203152;\r\n font-size: 12px;\r\n font-weight: 500;\r\n line-height: 26px;\r\n }\r\n .order_time {\r\n color: #33495E;\r\n font-size: 10px;\r\n font-weight: 300;\r\n }\r\n }\r\n .order_status {\r\n color: #3374E3;\r\n font-size: 12px;\r\n font-weight: 500;\r\n }\r\n }\r\n }\r\n }\r\n .bottom_wrap {\r\n position: fixed;\r\n width: 100%;\r\n bottom: 0;\r\n background: #FFFFFF;\r\n box-shadow: 0px -2px 8px 0px rgba(74,74,74,0.08);\r\n .wrap {\r\n width: 100%;\r\n display: flex;\r\n }\r\n }\r\n</style>\r\n"],"mappings":"AAsCA,SAAAA,QAAA;AACA,SAAAC,eAAA;AACA,OAAAC,UAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAJ,QAAA;EACAK,KAAA;IACA;MACAC,WAAA;MACAC,SAAA;MACAC,SAAA;IACA;EACA;EACAC,UAAA;IACAP;EACA;EACAQ,OAAA;IACA,MAAAC,cAAA;MACA,UAAAL,WAAA;QACA,KAAAM,MAAA;QACA;MACA;MACA,IAAAP,IAAA,QAAAQ,SAAA;MACA,KAAAN,SAAA,SAAAN,eAAA,CAAAI,IAAA;MACA,SAAAE,SAAA;QACA,KAAAC,SAAA;MACA;QACA,KAAAA,SAAA;MACA;IACA;IACAK,UAAA;MACA,IAAAR,IAAA;QACAS,SAAA;QACAC,WAAA;QACAC,OAAA,EAAAC,YAAA,CAAAC,OAAA;MACA;MACA,wBAAAC,IAAA,MAAAb,WAAA;QACAD,IAAA,CAAAS,SAAA,QAAAR,WAAA;MACA;QACAD,IAAA,CAAAU,WAAA,QAAAT,WAAA;MACA;MACA,OAAAD,IAAA;IACA;IACAe,gBAAA;MACA,IAAAf,IAAA,QAAAQ,SAAA;MACA,SAAAN,SAAA,CAAAc,WAAA;QACA,KAAAC,MAAA;UACAC,QAAA,OAAAhB,SAAA,CAAAgB,QAAA;UACA,GAAAlB;QACA;MACA;QACA,KAAAiB,MAAA;UACAC,QAAA,OAAAhB,SAAA,CAAAgB,QAAA;UACA,GAAAlB;QACA;MACA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |