{"ast":null,"code":"import AttentionItem from '@/components/attentionItem';\nimport operationBtn from \"@/components/operationBtn\";\nimport commonBtn from \"@/components/commonBtn\";\nexport default {\n  name: \"orderStatus\",\n  data() {\n    return {\n      map: '',\n      finishFlag: true\n    };\n  },\n  components: {\n    AttentionItem,\n    operationBtn,\n    commonBtn\n  },\n  mounted() {\n    this.initMap();\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    getOrderInfo() {}\n  }\n};","map":{"version":3,"names":["AttentionItem","operationBtn","commonBtn","name","data","map","finishFlag","components","mounted","initMap","methods","AMap","Map","viewMode","zoom","center","getOrderInfo"],"sources":["src/views/index/orderStatus.vue"],"sourcesContent":["<template>\r\n  <div class=\"order_wrap\">\r\n    <div class=\"map_wrap\" id=\"mapId\">\r\n      map\r\n    </div>\r\n    <div class=\"info_wrap\">\r\n      <div class=\"top_wrap\">\r\n        <div class=\"top_line\"></div>\r\n        <attention-item attention=\"温馨提示：如果您的车子在马路上，请注意把车子停到路边打开双闪并远离车辆，谢谢。\"></attention-item>\r\n      </div>\r\n      <div class=\"order_info\">\r\n        <div class=\"order_status_wrap\">\r\n          <img v-if=\"finishFlag\"  class=\"finish_img\" src=\"@/assets/serverSuccess.png\" alt=\"\">\r\n          <img v-else class=\"doing_img\" src=\"@/assets/point.png\" alt=\"\">\r\n          <div class=\"order_status_info\">\r\n            <div class=\"status_str\">服务待处理，请稍等…</div>\r\n            <div class=\"driver_info\">周师傅-15256085051</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <!--评价-->\r\n      <div class=\"judge_wrap\">\r\n        <div class=\"judge_title\">\r\n          <img src=\"@/assets/radio.png\" alt=\"\">\r\n          <span>请您对本次服务进行评价</span>\r\n        </div>\r\n        <div class=\"judge_level\">\r\n          <div class=\"judge_item\">\r\n            <img src=\"@/assets/satisfiedUncheck.png\" alt=\"\">\r\n<!--            <img src=\"@/assets/satisfiedCheck.png\" alt=\"\">-->\r\n            <div>满意</div>\r\n          </div>\r\n          <div class=\"judge_item\">\r\n            <img src=\"@/assets/generalUncheck.png\" alt=\"\">\r\n<!--            <img src=\"@/assets/generalCheck.png\" alt=\"\">-->\r\n            <div>一般</div>\r\n          </div>\r\n          <div class=\"judge_item\">\r\n            <img src=\"@/assets/disconentUncheck.png\" alt=\"\">\r\n<!--            <img src=\"@/assets/disconentCheck.png\" alt=\"\">-->\r\n            <div>不满意</div>\r\n          </div>\r\n        </div>\r\n        <textarea class=\"judge_content\" placeholder=\"请输入评价内容\" name=\"\" id=\"\" cols=\"30\" rows=\"10\"></textarea>\r\n        <div class=\"btn_wrap\">\r\n          <common-btn title=\"提交评价\"></common-btn>\r\n        </div>\r\n      </div>\r\n\r\n      <!--操作按钮-->\r\n      <div>\r\n        <operation-btn title=\"联系客服\" :url=\"require('@/assets/callPhone.png')\" :has-distance=\"true\"></operation-btn>\r\n        <operation-btn title=\"联系司机\" :url=\"require('@/assets/connectDriver.png')\" :has-distance=\"true\"></operation-btn>\r\n        <operation-btn title=\"催单\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\"></operation-btn>\r\n        <operation-btn title=\"服务催促\" :url=\"require('@/assets/bell.png')\" :has-distance=\"true\"></operation-btn>\r\n        <operation-btn title=\"取消订单\" :url=\"require('@/assets/cancel.png')\" :has-distance=\"true\"></operation-btn>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import AttentionItem from '@/components/attentionItem'\r\n  import operationBtn from \"@/components/operationBtn\";\r\n  import commonBtn from \"@/components/commonBtn\";\r\n  export default {\r\n    name: \"orderStatus\",\r\n    data() {\r\n      return {\r\n        map: '',\r\n        finishFlag: true,\r\n      }\r\n    },\r\n    components: {\r\n      AttentionItem,\r\n      operationBtn,\r\n      commonBtn\r\n    },\r\n    mounted() {\r\n      this.initMap()\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      getOrderInfo() {\r\n\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n.order_wrap {\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  .map_wrap {\r\n    flex: 1;\r\n  }\r\n  .info_wrap {\r\n    background: #fff;\r\n    padding-bottom: 25px;\r\n    .top_wrap {\r\n      padding-top: 10px;\r\n      background: #fafafa;\r\n      .top_line {\r\n        width: 34px;\r\n        height: 3px;\r\n        background: #9FA5B4;\r\n        border-radius: 3px;\r\n        opacity: 0.19;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n    .order_info {\r\n      padding: 25px 20px 0;\r\n      .order_status_wrap {\r\n        text-align: left;\r\n        padding: 0 0 25px;\r\n        display: flex;\r\n        .doing_img {\r\n          width: 11px;\r\n          height: 11px;\r\n          margin-right: 8px;\r\n          margin-top: 8px;\r\n        }\r\n        .finish_img {\r\n          width: 30px;\r\n          height: 30px;\r\n          margin-right:8px;\r\n        }\r\n        .order_status_info {\r\n          flex: 1;\r\n          .status_str {\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            color: #33495E;\r\n          }\r\n          .driver_info {\r\n            font-size: 13px;\r\n            color: #33495E;\r\n            margin-top: 2px;\r\n          }\r\n        }\r\n      }\r\n      .btn_wrap {\r\n        width: 80%;\r\n        margin: 15px auto 25px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n  /*评价*/\r\n  .judge_wrap {\r\n    .judge_title {\r\n      width: 100%;\r\n      padding: 0 20px;\r\n      text-align: left;\r\n      font-size: 14px;\r\n      color: rgba(0,0,0,0.7);\r\n      img {\r\n        width: 10px;\r\n        height: 11px;\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n    .judge_level {\r\n      display: flex;\r\n      justify-content: space-evenly;\r\n      margin-top: 30px;\r\n      .judge_item {\r\n        width: 50px;\r\n        color: rgba(0,0,0,0.3);\r\n        font-size: 12px;\r\n        text-align: center;\r\n        img {\r\n          width: 40px;\r\n          height: 40px;\r\n        }\r\n      }\r\n    }\r\n    .judge_content {\r\n      width: calc(100% - 20px);\r\n      text-align: left;\r\n      margin: 10px;\r\n      border: 1px solid #ccc;\r\n      padding: 5px;\r\n      box-sizing: border-box;\r\n      border-radius: 5px;\r\n      height: 60px;\r\n      font-size: 12px;\r\n    }\r\n    .btn_wrap {\r\n      width: 74%;\r\n      margin: 15px auto;\r\n    }\r\n  }\r\n</style>\r\n"],"mappings":"AA+DA,OAAAA,aAAA;AACA,OAAAC,YAAA;AACA,OAAAC,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;MACAC,GAAA;MACAC,UAAA;IACA;EACA;EACAC,UAAA;IACAP,aAAA;IACAC,YAAA;IACAC;EACA;EACAM,QAAA;IACA,KAAAC,OAAA;EACA;EACAC,OAAA;IACAD,QAAA;MACA,KAAAJ,GAAA,OAAAM,IAAA,CAAAC,GAAA;QACAC,QAAA;QAAA;QACAC,IAAA;QAAA;QACAC,MAAA;MACA;IACA;;IACAC,aAAA,GAEA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}