{"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    };\n  },\n  components: {\n    BottomItem\n  },\n  methods: {\n    async searchHandler() {\n      if (!this.searchValue) {\n        this.$toast('查询内容不能为空');\n        return;\n      }\n      let data = {\n        userPhone: '',\n        plateNumber: '',\n        appCode: localStorage.getItem('appCode') || 'XCHRSA'\n      };\n      if (/^1[3456789]\\d{9}$/.test(this.searchValue)) {\n        data.userPhone = this.searchValue;\n      } else {\n        data.plateNumber = this.searchValue;\n      }\n      this.orderInfo = await getCurrentOrder(data);\n      if (this.orderInfo) {}\n    }\n  }\n};","map":{"version":3,"names":["myMixins","getCurrentOrder","BottomItem","name","mixins","data","searchValue","orderInfo","components","methods","searchHandler","$toast","userPhone","plateNumber","appCode","localStorage","getItem","test"],"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\">\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>\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      }\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 = {\r\n          userPhone: '',\r\n          plateNumber: '',\r\n          appCode: localStorage.getItem('appCode') || 'XCHRSA',\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        this.orderInfo = await getCurrentOrder(data)\r\n        if( this.orderInfo ) {\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":"AAmCA,SAAAA,QAAA;AACA,SAAAC,eAAA;AACA,OAAAC,UAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAJ,QAAA;EACAK,KAAA;IACA;MACAC,WAAA;MACAC,SAAA;IACA;EACA;EACAC,UAAA;IACAN;EACA;EACAO,OAAA;IACA,MAAAC,cAAA;MACA,UAAAJ,WAAA;QACA,KAAAK,MAAA;QACA;MACA;MACA,IAAAN,IAAA;QACAO,SAAA;QACAC,WAAA;QACAC,OAAA,EAAAC,YAAA,CAAAC,OAAA;MACA;MACA,wBAAAC,IAAA,MAAAX,WAAA;QACAD,IAAA,CAAAO,SAAA,QAAAN,WAAA;MACA;QACAD,IAAA,CAAAQ,WAAA,QAAAP,WAAA;MACA;MACA,KAAAC,SAAA,SAAAN,eAAA,CAAAI,IAAA;MACA,SAAAE,SAAA,GAEA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}