{"version":3,"sources":["webpack:///./src/views/record.vue?8a9a","webpack:///src/views/record.vue","webpack:///./src/views/record.vue?b43d","webpack:///./src/views/record.vue","webpack:///./src/request/order.js","webpack:///./src/views/record.vue?ccfc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","_s","OrderNo","CreateTime","GuestName","attrs","Mobile","ArriveDate","substring","LeaveDate","confirmTypeName","ImageNameList","RoomName","ItemQty","TotalAmount","staticRenderFns","name","orderList","filters","components","computed","watch","methods","formData","Id","ProfileId","Token","then","res","response","Code","MemberorderMains","$message","error","Data","getOrderList","component","getWebSite","data","url","method","orderListSearch","orderSubmitDetail","orderSubmit","token","headers","getMemberOrderList","getOrderInfo"],"mappings":"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","file":"js/chunk-49bb15ed.a7c17fe5.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"user-messsage\"},[_c('h2',{staticClass:\"user-title Medium\"},[_vm._v(\"预订记录\")]),_c('ul',{staticClass:\"record-list\"},_vm._l((_vm.orderList),function(item){return _c('li',{staticClass:\"record-item\"},[_c('div',{staticClass:\"record-title\"},[_c('span',[_vm._v(\"订单编号：\"+_vm._s(item.OrderNo))]),_c('p',[_vm._v(_vm._s(item.CreateTime)+\"创建\")])]),_c('div',{staticClass:\"record-content\"},[_c('div',{staticClass:\"record-message\"},[_c('div',{staticClass:\"record-left\"},[_c('span',[_vm._v(\"预订人：\"+_vm._s(item.GuestName))]),_c('el-divider',{attrs:{\"direction\":\"vertical\"}}),_c('span',[_vm._v(\"手机号：\"+_vm._s(item.Mobile))]),_c('el-divider',{attrs:{\"direction\":\"vertical\"}}),_c('span',[_vm._v(\"预计\"+_vm._s(item.ArriveDate.substring(0,10))+\"抵店，\"+_vm._s(item.LeaveDate.substring(0,10))+\"离店\")])],1),_c('div',{staticClass:\"record-stauts\"},[_vm._v(_vm._s(item.confirmTypeName))])]),_c('div',{staticClass:\"record-room\"},[_c('div',[_c('img',{attrs:{\"src\":item.ImageNameList,\"alt\":\"\"}}),_c('div',[_c('span',{staticClass:\"Medium\"},[_vm._v(_vm._s(item.RoomName))]),_c('p',[_vm._v(\"x\"+_vm._s(item.ItemQty)+\"间\")])])]),_c('span',{staticClass:\"price\"},[_vm._v(\"￥\"+_vm._s(item.TotalAmount))])])])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"user-messsage\">\r\n      <h2 class=\"user-title Medium\">预订记录</h2>\r\n      <ul class=\"record-list\">\r\n        <li class=\"record-item\" v-for=\"item in orderList\">\r\n          <div class=\"record-title\">\r\n            <span>订单编号：{{item.OrderNo}}</span>\r\n            <p>{{item.CreateTime}}创建</p>\r\n          </div>\r\n          <div class=\"record-content\">\r\n            <div class=\"record-message\">\r\n              <div class=\"record-left\">\r\n                <span>预订人：{{item.GuestName}}</span>\r\n               <el-divider direction=\"vertical\"></el-divider>\r\n               <span>手机号：{{item.Mobile}}</span>\r\n               <el-divider direction=\"vertical\"></el-divider>\r\n               <span>预计{{item.ArriveDate.substring(0,10)}}抵店，{{item.LeaveDate.substring(0,10)}}离店</span>\r\n              </div>\r\n               <div class=\"record-stauts\">{{item.confirmTypeName}}</div>\r\n            </div>\r\n            <div class=\"record-room\"> \r\n              <div>\r\n                <img :src=\"item.ImageNameList\" alt=\"\" />\r\n                <div>\r\n                  <span class=\"Medium\">{{item.RoomName}}</span>\r\n                  <p>x{{item.ItemQty}}间</p>\r\n                </div>\r\n              </div>\r\n              <span class=\"price\">￥{{item.TotalAmount}}</span>\r\n            </div>\r\n          </div>\r\n        </li>\r\n      </ul>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  getMemberOrderList,\r\n} from \"@/request/order.js\";\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  name: \"record\",\r\n  data() {\r\n    return {\r\n     orderList:[]\r\n    };\r\n  },\r\n  // 过滤器\r\n  filters: {\r\n    \r\n  },\r\n  // 局部注册的组件\r\n  components: {},\r\n  // 计算属性\r\n  computed: {\r\n     ...mapGetters(\"member\", [\"Token\", \"ProfileId\", \"GuestCName\"]),\r\n  },\r\n  // 侦听器\r\n  watch: {},\r\n  // 组件方法\r\n  methods: {\r\n    getOrderList(){\r\n      var formData = {\r\n        Id : this.ProfileId\r\n      }\r\n      getMemberOrderList(this.Token,formData).then(res =>{\r\n        if(res.response.Code == 200){\r\n          this.orderList = res.response.MemberorderMains\r\n        }else{\r\n          this.$message.error(res.response.Data);\r\n        }\r\n        \r\n      });\r\n    },\r\n  },\r\n  beforeCreate() {},\r\n  created() {\r\n    this.getOrderList();\r\n  },\r\n  beforeMount() {},\r\n  mounted() {\r\n    \r\n  },\r\n  beforeUpdate() {},\r\n  updated() {},\r\n  beforeDestroy() {},\r\n  destroyed() {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.record-list{\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.record-item{\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 24px;\r\n}\r\n.record-title{\r\n  display: flex;\r\n  justify-content: space-between;\r\n  font-size: 14px;\r\n  margin-bottom: 8px;\r\n}\r\n.record-title span{\r\n  color: #000;\r\n}\r\n.record-title p{\r\n  color: #999999;\r\n}\r\n.record-content{\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #F0F2F5;\r\n  box-sizing: border-box;\r\n  padding: 24px;\r\n}\r\n.record-message{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  font-size: 14px;\r\n  color: #666;\r\n  margin-bottom: 16px;\r\n}\r\n.record-message .record-stauts{\r\n  font-size: 16px;\r\n  color: #499BFC;\r\n}\r\n.record-room{\r\n  display: flex;\r\n  width: 100%;\r\n  justify-content: space-between;\r\n}\r\n.record-room > div{\r\n  display: flex;\r\n  \r\n}\r\n.record-room > div img{\r\n  width: 130px;\r\n  height: 88px;\r\n  border-radius: 4px;\r\n}\r\n.record-room > div div{\r\n  margin-left: 16px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n.record-room > div div span{\r\n  margin-bottom: 10px;\r\n}\r\n.price{\r\n  font-size: 24px;\r\n  color: #FF9500;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./record.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./record.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./record.vue?vue&type=template&id=b47b115e&scoped=true&\"\nimport script from \"./record.vue?vue&type=script&lang=js&\"\nexport * from \"./record.vue?vue&type=script&lang=js&\"\nimport style0 from \"./record.vue?vue&type=style&index=0&id=b47b115e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b47b115e\",\n  null\n  \n)\n\nexport default component.exports","import request from './index'\r\n// 获取酒店信息\r\nexport function getWebSite(data) {\r\n    return request({\r\n      url: '/api/Order/GetWebSite',\r\n      method: 'post',\r\n      data\r\n    })\r\n  }\r\n  //客房列表\r\n  export function orderListSearch(data) {\r\n    return request({\r\n      url: '/api/Order/OrderListSearch',\r\n      method: 'post',\r\n      data\r\n    })\r\n  }\r\n  //预订酒店详情\r\n  export function orderSubmitDetail(data) {\r\n    return request({\r\n      url: '/api/Order/OrderSubmitDetail',\r\n      method: 'post',\r\n      data\r\n    })\r\n  }\r\n//   微信支付\r\nexport function orderSubmit(token,data) {\r\n    return request({\r\n      url: '/api/Order/OrderSubmit',\r\n      method: 'post',\r\n      headers: {'Token': token},\r\n      data\r\n    })\r\n  }\r\n// 查询我的预定\r\nexport function getMemberOrderList(token,data) {\r\n  return request({\r\n    url: '/api/Order/GetMemberOrderList',\r\n    method: 'post',\r\n    headers: {'Token': token},\r\n    data\r\n  })\r\n}\r\n\r\n// 查询订单是否支付完成\r\nexport function getOrderInfo(token,data) {\r\n  return request({\r\n    url: '/api/Order/GetOrderInfo',\r\n    method: 'post',\r\n    headers: {'Token': token},\r\n    data\r\n  })\r\n}\r\n\r\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./record.vue?vue&type=style&index=0&id=b47b115e&scoped=true&lang=css&\""],"sourceRoot":""}