"use strict";
(self["webpackChunkliu_official"] = self["webpackChunkliu_official"] || []).push([[51],{

/***/ 6014:
/***/ (function(__unused_webpack_module, __unused_webpack___webpack_exports__, __webpack_require__) {

/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2892);
/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9925);
/* harmony import */ var _components_vue_FullPopup_vue__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6914);
/* harmony import */ var _element_plus_icons_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(5253);
/* harmony import */ var element_plus_es__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(242);
/* harmony import */ var element_plus_es_components_base_style_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5729);
/* harmony import */ var element_plus_es_components_icon_style_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9573);









const request = axios__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .A.create({
  baseURL: "https://room.yunvip123.cn/prod-api/room",
  timeout: 60 * 1000
});
(0,vue__WEBPACK_IMPORTED_MODULE_0__/* .createApp */ .Ef)({
  components: {
    FullPopup: _components_vue_FullPopup_vue__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A,
    ElIcon: element_plus_es__WEBPACK_IMPORTED_MODULE_5__/* .ElIcon */ .tk,
    Phone: _element_plus_icons_vue__WEBPACK_IMPORTED_MODULE_6__/* .Phone */ .bcf,
    HomeFilled: _element_plus_icons_vue__WEBPACK_IMPORTED_MODULE_6__/* .HomeFilled */ .oCE,
    Clock: _element_plus_icons_vue__WEBPACK_IMPORTED_MODULE_6__/* .Clock */ .zD7,
    Location: _element_plus_icons_vue__WEBPACK_IMPORTED_MODULE_6__/* .Location */ .aZn
  },
  setup() {
    (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .onMounted */ .sV)(async () => {
      const params = new URLSearchParams(window.location.search);
      const id = params.get('shopId');
      if (id) {
        queryDetail(id);
      }
    });
    const detail = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)({});
    const showImg = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)('');
    const imgList = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)([]);
    const imgNum = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)(0);
    function queryDetail(id) {
      request.get('mini/queryRoomShop', {
        params: {
          shopId: id
        }
      }).then(async res => {
        detail.value = res.data.data;
        imgList.value = detail.value.roomLogo.split(',') || [];
        showImg.value = imgList.value.length ? imgList.value[0] : '';
        if (imgList.value.length) {
          imgNum.value = 1;
        }
        await (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .nextTick */ .dY)();
        initMap();
      });
    }
    function imgClick(img, index) {
      showImg.value = img;
      imgNum.value = ++index;
    }
    const map = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)(null);
    const marker = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)(null);
    function initMap() {
      const point = new TMap.LatLng(detail.value.latitude, detail.value.longitude);
      map.value = new TMap.Map(document.getElementById('map'), {
        center: point
      });
      marker.value = new TMap.MultiMarker({
        map: map.value,
        geometries: [{
          "id": "marker1",
          "position": point,
          "properties": {
            "title": "marker1"
          }
        }]
      });
    }
    const lgyyPopup = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)(null);
    function openLgyy() {
      lgyyPopup.value.open();
    }
    const gkdPopup = (0,vue__WEBPACK_IMPORTED_MODULE_0__/* .ref */ .KR)(null);
    function openGkd() {
      gkdPopup.value.open();
    }
    return {
      detail,
      showImg,
      imgList,
      imgNum,
      imgClick,
      lgyyPopup,
      openLgyy,
      gkdPopup,
      openGkd
    };
  }
}).mount("#reserveMain");

/***/ })

},
/******/ function(__webpack_require__) { // webpackRuntimeModules
/******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
/******/ __webpack_require__.O(0, [534,810,361,76], function() { return __webpack_exec__(6014); });
/******/ var __webpack_exports__ = __webpack_require__.O();
/******/ }
]);
//# sourceMappingURL=stadiumReserveDetail.js.map