{"ast":null,"code":"import { serverList } from '@/utils/serverMap';\nimport tabBar from \"@/components/tabBar\";\nimport AttentionItem from '@/components/attentionItem';\nimport commonBtn from \"@/components/commonBtn\";\nimport { myMixins } from '@/utils/myMixins.js';\nexport default {\n  name: \"rescuePage\",\n  mixins: [myMixins],\n  data() {\n    return {\n      map: '',\n      activeTab: 0,\n      serverList: serverList,\n      checked: false\n    };\n  },\n  components: {\n    tabBar,\n    AttentionItem,\n    commonBtn\n  },\n  mounted() {\n    this.initMap();\n    console.log(this.$store.getters.order.orderInfo);\n  },\n  methods: {\n    initMap() {\n      this.map = new AMap.Map('mapId', {\n        viewMode: '2D',\n        // 默认使用 2D 模式\n        zoom: 11,\n        //初始化地图层级\n        center: [116.397428, 39.90923] //初始化地图中心点\n      });\n    }\n  }\n};","map":{"version":3,"names":["serverList","tabBar","AttentionItem","commonBtn","myMixins","name","mixins","data","map","activeTab","checked","components","mounted","initMap","console","log","$store","getters","order","orderInfo","methods","AMap","Map","viewMode","zoom","center"],"sources":["src/views/index/rescue.vue"],"sourcesContent":["<template>\r\n  <div class=\"main_wrap\">\r\n    <div class=\"map_wrap\" id=\"mapId\">\r\n    </div>\r\n    <!--服务信息-->\r\n    <div class=\"server_wrap\">\r\n      <tab-bar :click-flag=\"false\" :active-tab=\"activeTab\" :server-list=\"serverList\"></tab-bar>\r\n      <div class=\"server_main\">\r\n        <!-- 车牌号 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">车牌号：</div>\r\n          <input type=\"text\" placeholder=\"请输入车牌号\" class=\"input_class\" />\r\n        </div>\r\n        <!-- 姓名 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">姓  名：</div>\r\n          <input type=\"text\" placeholder=\"请输入您的姓名\" class=\"input_class\" />\r\n        </div>\r\n        <!-- 手机号 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">手机号：</div>\r\n          <input type=\"text\" placeholder=\"请输入您的手机号\" class=\"input_class\" />\r\n        </div>\r\n        <!-- 手机号 -->\r\n        <div class=\"form_item border_bottom\">\r\n          <img class=\"radio\" src=\"@/assets/radio.png\" alt=\"\">\r\n          <div class=\"form_label\">预计：</div>\r\n          <div class=\"incident_text\">\r\n            <span class=\"money_count\">0</span>元起\r\n            <div class=\"fee_desc\">费用说明</div>\r\n          </div>\r\n        </div>\r\n        <div class=\"protocol_wrap\">\r\n          <van-checkbox v-model=\"checked\" icon-size=\"15px\" shape=\"square\">我已经阅读并同意</van-checkbox>\r\n          <span class=\"server_protocol\">《道路救援服务协议》</span>\r\n        </div>\r\n        <attention-item color=\"#939393\" attention=\"温馨提示：服务申请后，请保持您的手机畅通，我们的工作人员会与您联系并确认救援金额，在线支付完成后会及时安排救援人员前往施救，谢谢。\"></attention-item>\r\n      </div>\r\n      <div class=\"btn_wrap\">\r\n        <common-btn title=\"呼叫救援\"></common-btn>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { serverList } from '@/utils/serverMap'\r\n  import tabBar from \"@/components/tabBar\";\r\n  import AttentionItem from '@/components/attentionItem'\r\n  import commonBtn from \"@/components/commonBtn\";\r\n  import { myMixins } from '@/utils/myMixins.js'\r\n  export default {\r\n    name: \"rescuePage\",\r\n    mixins: [myMixins],\r\n    data() {\r\n      return {\r\n        map: '',\r\n        activeTab: 0,\r\n        serverList: serverList,\r\n        checked: false\r\n      }\r\n    },\r\n    components: {\r\n      tabBar,\r\n      AttentionItem,\r\n      commonBtn\r\n    },\r\n    mounted() {\r\n      this.initMap()\r\n      console.log(this.$store.getters.order.orderInfo)\r\n    },\r\n    methods: {\r\n      initMap() {\r\n        this.map = new AMap.Map('mapId', {\r\n          viewMode: '2D',  // 默认使用 2D 模式\r\n          zoom:11,  //初始化地图层级\r\n          center: [116.397428, 39.90923]  //初始化地图中心点\r\n        })\r\n      },\r\n\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n  .main_wrap {\r\n    .map_wrap {\r\n      width: 100%;\r\n      height: 80vh;\r\n    }\r\n    .server_wrap {\r\n      padding-bottom: 10px;\r\n      position: fixed;\r\n      width: 100%;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: #fff;\r\n      z-index: 10000000 !important;\r\n      .btn_wrap {\r\n        width: 74%;\r\n        margin: 5px auto 10px;\r\n      }\r\n      .server_main {\r\n        .form_item {\r\n          width: calc(100% - 20px);\r\n          box-sizing: border-box;\r\n          height: 50px;\r\n          line-height: 50px;\r\n          display: flex;\r\n          font-size: 14px;\r\n          margin-left: 10px;\r\n          align-items: center;\r\n          .radio {\r\n            width: 10px;\r\n            height: 11px;\r\n            margin-right: 10px;\r\n          }\r\n          .form_label {\r\n            width: 60px;\r\n            text-align: right;\r\n          }\r\n          .input_class {\r\n            flex: 1;\r\n            height: 50px;\r\n            line-height: 50px;\r\n            border: 0;\r\n            background: none;\r\n          }\r\n          .incident_text {\r\n            color: #252525;\r\n            font-size: 13px;\r\n            margin-left: 5px;\r\n            flex: 1;\r\n            display: flex;\r\n            .money_count {\r\n              font-size: 22px;\r\n              color: #2C2A53;\r\n              font-weight: bolder;\r\n            }\r\n            .fee_desc {\r\n              margin-left: 5px;\r\n              color: #FF9876;\r\n            }\r\n          }\r\n        }\r\n        .protocol_wrap {\r\n          padding: 15px 10px 0;\r\n          display: flex;\r\n          .server_protocol {\r\n            color: #3364B7;\r\n          }\r\n        }\r\n        .border_bottom {\r\n          border-bottom: 1px solid #F1F2F5;\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      z-index: 1000000000 !important;\r\n      .wrap {\r\n        width: 100%;\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n\r\n  .van-popup--bottom {\r\n    z-index: 10000000000 !important;\r\n  }\r\n</style>\r\n"],"mappings":"AAiDA,SAAAA,UAAA;AACA,OAAAC,MAAA;AACA,OAAAC,aAAA;AACA,OAAAC,SAAA;AACA,SAAAC,QAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAF,QAAA;EACAG,KAAA;IACA;MACAC,GAAA;MACAC,SAAA;MACAT,UAAA,EAAAA,UAAA;MACAU,OAAA;IACA;EACA;EACAC,UAAA;IACAV,MAAA;IACAC,aAAA;IACAC;EACA;EACAS,QAAA;IACA,KAAAC,OAAA;IACAC,OAAA,CAAAC,GAAA,MAAAC,MAAA,CAAAC,OAAA,CAAAC,KAAA,CAAAC,SAAA;EACA;EACAC,OAAA;IACAP,QAAA;MACA,KAAAL,GAAA,OAAAa,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA;MACA;IACA;EAEA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}