https://www.chinafloorball.org/js/venue-maps-basic.ed83a974.js

1"use strict";(globalThis["webpackChunkydmap_web_portal"]=globalThis["webpackChunkydmap_web_portal"]||[]).push([[4653],{96652(t,s,e){e.d(s,{A:()=>c});var i=function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"bg-white border border-[#ebeef5] rounded-[4px] transition-all duration-300",class:["el-card","always"===t.shadow?"shadow-md":"hover"===t.shadow?"hover:shadow-md":"shadow-none",{"border-none bg-transparent shadow-none ":t.invisible,"!rounded-[6px]":t.round,"p-0":t.inward,"text-[12px]":t.mini},{"el-card-mini":t.mini}]},[t.titleText||t.$slots.title||t.titleIcon?e("div",{staticClass:"px-[16px] py-[12px] border-b border-[#ebeef5] box-border flex items-center",class:t.headerClass},[t.titleIcon?e("i",{class:t.titleIcon+" mr-2",attrs:{"aria-hidden":"true"}}):t._e(),t.$slots.title?e("span",{staticClass:"truncate flex-1 font-medium text-[14px] text-[#222]"},[t._t("title")],2):e("span",{staticClass:"font-medium text-[14px] text-[#222]"},[t._v(" "+t._s(t.titleText||" ")+" ")]),t.$slots["header-desc"]?e("div",{staticClass:"ml-auto text-[14px] text-[#999]"},[t._t("header-desc")],2):t._e()]):t._e(),e("div",{staticClass:"el-card__body",class:{"!p-0":t.invisible},style:t.bodyStyle},[t._t("default")],2)])},a=[];const r={props:{titleText:String,titleIcon:String,invisible:Boolean,inward:Boolean,round:Boolean,mini:Boolean,headerClass:String,bodyStyle:Object,shadow:{type:String,default:"never"}}},n=r;var l=e(81656),o=(0,l.A)(n,i,a,!1,null,null,null);const c=o.exports},44425(t,s,e){e.d(s,{A:()=>d});var i=function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("div",{staticClass:"drawer",class:t.drawerCls},[e("div",{staticClass:"drawer-mask",on:{click:t.close}}),e("div",{staticClass:"drawer-content-wrapper",style:t.wrapperStyle},[e("Card",{staticClass:"drawer-content",class:t.contentCls,style:t.contentStyle,attrs:{"body-style":t.contentBodyCls,"title-text":t.title}},[e("div",{staticClass:"drawer-content-body"},[t._t("default")],2)])],1)])},a=[],r=(e(74423),e(96652)),n=e(25800);const l={components:{Card:r.A},props:{title:String,placement:{type:String,validator(t){return["left","top","right","bottom"].includes(t)},default:"bottom"},custCls:String,width:[String,Number],height:[String,Number],borderRadius:[String,Number],open:Boolean,mask:{type:Boolean,default(){return!0}}},data(){return{}},computed:{drawerCls(){return{[`drawer-${this.placement}`]:!0,"drawer-weixin":(0,n.tRK)(),"drawer-open":this.open,drawer__mask:this.mask}},contentCls(){return{"drawer-content__title":null!=this.title,[this.custCls]:this.custCls||null}},wrapperStyle(){const t={};if(!this.open)switch(this.placement){case"top":t.transform="translateY(-100%)";break;case"bottom":t.transform="translateY(100%)";break;case"left":t.transform="translateX(-100%)";break;case"right":t.transform="translateX(100%)";break;default:}return!this.height||"top"!==this.placement&&"bottom"!==this.placement||((0,n.EtT)(this.height)&&this.height>0?t.height=this.height/16+"rem":"string"===typeof this.height&&(t.height=this.height)),this.width>0&&("left"===this.placement||"right"===this.placement)&&((0,n.EtT)(this.width)&&this.width>0?t.width=this.width/16+"rem":"string"===typeof this.width&&(t.width=this.width)),t},contentBodyCls(){const t={padding:"0px"};return null!=this.title&&(t.paddingTop="0.625rem"),t},contentStyle(){const t={};if(null!=this.borderRadiusValue)switch(this.placement){case"top":t.borderBottomLeftRadius=this.borderRadiusValue,t.borderBottomRightRadius=this.borderRadiusValue;break;case"bottom":t.borderTopLeftRadius=this.borderRadiusValue,t.borderTopRightRadius=this.borderRadiusValue;break;case"left":t.borderTopRightRadius=this.borderRadiusValue,t.borderBottomRightRadius=this.borderRadiusValue;break;case"right":t.borderTopLeftRadius=this.borderRadiusValue,t.borderBottomLeftRadius=this.borderRadiusValue;break;default:}return t},borderRadiusValue(){return null==this.borderRadius||0===this.borderRadius.toString().trim().length?null:+this.borderRadius===Number(this.borderRadius)?this.borderRadius/16+"rem":this.borderRadius}},watch:{open(){this.switchBdScroll()}},mounted(){this.switchBdScroll()},destroyed(){(0,n.fYY)()},methods:{close(){this.$emit("update:open",!1)},switchBdScroll(){this.open?(0,n.mhZ)():(0,n.fYY)()}}},o=l;var c=e(81656),h=(0,c.A)(o,i,a,!1,null,"3f0ec4d5",null);const d=h.exports},64435(t,s,e){e.r(s),e.d(s,{default:()=>w});var i=function(){var t=this,s=t.$createElement,e=t._self._c||s;return e("section",{staticClass:"container"},[e("van-row",{staticClass:"bar-btns leading-5 sticky top-0 text-n8 bg-white text-center"},[e("van-col",{attrs:{span:t.useSpan},nativeOn:{click:function(s){return t.switchSearchPanel(t.containerPages[0])}}},[e("div",{staticClass:"bar-btn-ctt text-overflow",class:{"bar-btn-ctt-open":t.showSearch&&t.activePage==t.containerPages[0]}},[t._v(" "+t._s(t.formatHomeTown(t.params.subDistrict||t.params.district))+" "),e("i",{staticClass:"el-icon-arrow-up",class:{"el-icon-arrow-down":!(t.showSearch&&t.activePage==t.containerPages[0])},attrs:{"aria-hidden":"true"}})])]),t.siblingWithoutMeList.length>0?e("van-col",{attrs:{span:t.useSpan},nativeOn:{click:function(s){return t.switchSearchPanel(t.containerPages[1])}}},[e("div",{staticClass:"bar-btn-ctt text-overflow",class:{"bar-btn-ctt-open":t.showSearch&&t.activePage==t.containerPages[1]}},[t._v(" "+t._s(t.myselfInfo?t.myselfInfo.showName:t.mapId)+" "),e("i",{staticClass:"el-icon-arrow-up",class:{"el-icon-arrow-down":!(t.showSearch&&t.activePage==t.containerPages[1])},attrs:{"aria-hidden":"true"}})])]):t._e(),e("van-col",{attrs:{span:t.useSpan},nativeOn:{click:function(s){return t.switchSearchPanel(t.containerPages[2])}}},[e("div",{staticClass:"bar-btn-ctt text-overflow",class:{"bar-btn-ctt-open":t.showSearch&&t.activePage==t.containerPages[2]}},[t._v(" 默认排序 "),e("i",{staticClass:"el-icon-arrow-down",class:{"el-icon-arrow-down":!(t.showSearch&&t.activePage==t.containerPages[1])},attrs:{"aria-hidden":"true"}})])]),e("van-col",{attrs:{span:t.useSpan},nativeOn:{click:function(s){t.isListLayoutType=!t.isListLayoutType}}},[e("div",{staticClass:"bar-btn-ctt text-overflow",class:{"bar-btn-ctt-open":t.isListLayoutType}},[t.isListLayoutType?[t._v(" 切回地图 "),e("i",{staticClass:"icon icon-pt-transfer"})]:[t._v(" 列表显示 "),e("i",{staticClass:"icon-pt-menu"})]],2)])],1),e("div",{staticClass:"relative",style:{height:"calc(100vh - 40px)"}},[t.salesList?e("CustMap",{ref:"map",attrs:{locations:t.salesList},on:{mapClick:t.handleClickMap,markerSelect:t.handleClickDetail}}):t._e(),e("div",{directives:[{name:"show",rawName:"v-show",value:t.isListLayoutType,expression:"isListLayoutType"}],staticClass:"absolute top-0 left-0 fixed-bottom-0 w-full h-full bg-white overflow-y-auto z-[1]"},[null==t.salesList||0===t.salesList.length?e("Card",{attrs:{invisible:""}}

1,[e("div",{staticClass:"list-empty text-center"},[!0===t.currentPosition?e("van-loading",[t._v("定位中...")]):[t._v("暂无数据")]],2)]):t._e(),t._l(t.salesList,function(s){return e("div",{key:s.key,staticClass:"list-item"},[e("router-link",{staticClass:"venue-link",attrs:{to:"/venue/"+s.key}},[e("div",{staticClass:"list-item-one"},[e("div",{staticClass:"item-one-img"},[e("img",{attrs:{src:t.formatImageUrl(s.imageUrl,"img_exerciseList_prew",t.IMG_HOST+"/default_file/default_load_img.jpg@!img_exerciseList_prew")}})]),e("div",{staticClass:"descr-style-basic item-one-content"},[e("div",{staticClass:"text-overflow-line2 item-one-title"},[t._v(t._s(s.name))]),s.openHours?e("div",[t._v("开放时间: "+t._s(s.openHours))]):t._e(),e("div",[t._v("地址: "+t._s(t.formatHomeTown(s.subDistrict))+t._s(s.address))]),s.salesTelVOList&&s.salesTelVOList.length>0?e("div",{on:{click:function(t){t.stopPropagation()}}},[t._v(" 电话: "),t._l(s.salesTelVOList,function(s){return e("a",{key:s.salesTel,attrs:{href:"tel:"+s.salesTel}},[t._v(" "+t._s(s.salesTel)+t._s(s.salesExtTel?" 转 "+s.salesExtTel:null)+"  ")])})],2):t._e(),s.distance>0?e("div",[e("span",[t._v(t._s(t.formatKilometer(s.distance)))])]):t._e()])])])],1)})],2),e("Drawer",{attrs:{open:t.showDetail,mask:!1},on:{"update:open":function(s){t.showDetail=s}}},[t.venueDetail?e("div",{staticClass:"detail"},[e("div",{staticClass:"msg"},[e("div",{staticClass:"text-n8 text-center"},[t._v(t._s(t.venueDetail.name))]),e("div",{staticClass:"nav"},[t.venueDetail.distance?e("div",{staticClass:"nav-distance"},[t._v(" "+t._s(t.formatKilometer(t.venueDetail.distance))+" ")]):t._e(),e("div",{staticClass:"btn",on:{click:t.handleNavigate}},[e("i",{staticClass:"el-icon-position"}),e("span",[t._v("去这里")])])])]),t.venueDetail.salesTelVOList&&t.venueDetail.salesTelVOList.length>0?e("div",{staticClass:"tel"},[t._v(" 电话： "),t._l(t.venueDetail.salesTelVOList,function(s){return e("a",{key:s.salesTel,attrs:{href:"tel:"+s.salesTel}},[t._v(" "+t._s(s.salesTel)+t._s(s.salesExtTel?" 转 "+s.salesExtTel:null)+"  ")])})],2):t._e(),e("div",{staticClass:"w-full pt-[15px]"},[e("div",{staticClass:"cont",on:{click:function(s){return t.$router.push("/venue/"+t.venueDetail.key)}}},[t._v(" 查看详情 ")])])]):t._e()])],1),e("van-popup",{staticClass:"fixed top-[40px] w-full",attrs:{position:"top"},model:{value:t.showSearch,callback:function(s){t.showSearch=s},expression:"showSearch"}},[e("Card",[e("van-tabs",{model:{value:t.activePage,callback:function(s){t.activePage=s},expression:"activePage"}},[e("van-tab",{attrs:{name:t.containerPages[0]}},[e("van-row",{staticClass:"block-row",attrs:{gutter:10}},[e("van-col",{attrs:{span:8},nativeOn:{click:function(s){return t.resetBySubDistrict()}}},[e("div",{staticClass:"text-overflow",class:{selected:null==t.params.subDistrict}},[t._v(" 全部 ")])]),t._l(t.childrenDistricts,function(s){return e("van-col",{key:s.id,attrs:{span:8},nativeOn:{click:function(e){return t.resetBySubDistrict(s.id)}}},[e("div",{staticClass:"text-overflow",class:{selected:s.id===t.params.subDistrict}},[t._v(" "+t._s(s.name)+" ")])])})],2)],1),e("van-tab",{attrs:{name:t.containerPages[1]}},[e("van-row",{staticClass:"block-row",attrs:{gutter:10}},t._l(t.siblingList,function(s){return e("van-col",{key:s.mapId,attrs:{span:8},nativeOn:{click:function(e){return t.goToSibling(s.mapId)}}},[e("div",{staticClass:"text-overflow",class:{selected:t.mapId==s.mapId}},[t._v(" "+t._s(s.showName)+" ")])])}),1)],1),e("van-tab",{attrs:{name:t.containerPages[2]}},[e("van-row",{staticClass:"block-row",attrs:{gutter:10}},[e("van-col",{attrs:{span:12},nativeOn:{click:function(s){return t.resetByNoSort.apply(null,arguments)}}},[e("div",{staticClass:"text-overflow",class:{selected:null==t.params.location}},[t._v(" 默认排序 ")])]),null!=t.originParams.location?e("van-col",{attrs:{span:12},nativeOn:{click:function(s){return t.resetBySort.apply(null,arguments)}}},[e("div",{staticClass:"text-overflow",class:{selected:null!=t.params.location}},[t._v(" 距离排序 ")])]):t._e()],1)],1)],1)],1)],1)],1)},a=[],r=e(12060),n=e(96652),l=e(44425),o=(e(44114),e(18111),e(22489),e(20116),e(61701),e(27495),e(79735)),c=e(83663),h=e(87582),d=e(91055);const{Rs:u}=d,p={validate({query:t}){return/^\d+$/.test(t.mapId)},data(){const{mapId:t,district:s,layout:e}=this.$route.query,i={location:null,district:+s||null},a=["subDistrict","sibling","sort"];return{containerPages:a,activePage:a[0],isListLayoutType:"list"===e,mapId:+t,originParams:i,params:{...i},currentPosition:null,salesList:null,childrenDistricts:[],showSearch:!1,showDetail:!1,venueDetail:null,siblingList:[]}},computed:{myselfInfo(){return this.siblingList.find(t=>t.mapId===this.mapId)},siblingWithoutMeList(){return this.siblingList.filter(t=>t!==this.myselfInfo)},useSpan(){return this.siblingWithoutMeList.length>0?6:8}},watch:{activePage(t,s){t&&!s&&(this.showSearch=!0)},isListLayoutType(){this.showSearch=!1,this.showDetail=!1},params(){this.showSearch=!1,this.showDetail=!1,this.salesList=null,this.$http.get("/pub/map/getListBySales",{mapId:this.mapId,...this.params}).then(t=>{this.salesList=(t||[]).map(({id:t,amapLocation:s,salesName:e,salesAddress:i,...a})=>{const[r,n]=(s||"").split(","),l=[Number.parseFloat(r),Number.parseFloat(n)];return{...a,key:t,lng:l[0],lat:l[1],name:e,address:i}}),this.setCenter()})}},mounted(){this.init(),this.initSibling()},methods:{setCenter(){0===this.salesList?.length&&this.$nextTick(()=>{this.$refs.map?.setCenter(this.currentPosition)})},goToSibling(t){this.mapId!==t&&this.$router.push({path:this.$route.path,query:{...this.$route.query,url:this.$route.path,mapId:t}})},initSibling(){this.$http.get("/pub/page/getMapConfigList",{mapId:this.mapId,types:[u.VENUE.key],isFindChild:!1}).then(t=>{this.siblingList=t?.[u.VENUE.key]||[]})}

1,async init(){await this.initLocation();const t={...this.params};this.originParams.district&&(this.childrenDistricts=(0,c.mB)(this.originParams.district)),this.params=t},async initLocation(){if(!0===this.currentPosition)return void o.A.alert("正在定位中...");this.currentPosition=!0;const t=await this.$sdkConfig(!1);try{await o.A.permissionsPromptMessage({name:"geolocation"})}catch{}let s;try{s=await(0,h.g$)(t,{timeout:6e3})}catch(a){return console.warn(a),void(this.currentPosition=!1)}const{lng:e,lat:i}=s;if(!0===this.currentPosition&&(this.originParams.location=[e,i].join(",")),!this.originParams.district)try{const{province:t,city:e,district:i}=await(0,h.wD)(t=>this.$http.get("/pub/tool/aMapReGeo",t),s),a=(0,c.$I)(t,e,i);a.district&&(this.originParams.district=a.district)}catch(a){console.warn(a)}this.currentPosition=s,this.setCenter(),Object.assign(this.params,this.originParams)},switchSearchPanel(t){this.showSearch&&this.activePage===t?this.showSearch=!1:(this.activePage=t,this.showSearch=!0)},resetByNoSort(){this.params={...this.params,location:null}},resetBySort(){this.params={...this.params,location:this.originParams.location}},resetBySubDistrict(t){this.params={...this.params,subDistrict:t}},handleClickMap(t){const s=t.originEvent,e=s.target||s.srcElement;"CANVAS"===e.tagName?this.showDetail=!1:"IMG"===e.tagName?this.showDetail||(this.showDetail=!0):this.showDetail=!1},handleClickDetail(t){this.venueDetail=this.salesList?.find(s=>s.key===t.key),this.venueDetail&&this.$nextTick(()=>{this.showDetail=!0})},handleNavigate(){this.showDetail=!1,this.$refs.map.doDriving()}}},m={components:{CustMap:r.A,Card:n.A,Drawer:l.A},mixins:[p],head(){const t={title:"地图",bodyAttrs:{class:"bg-gray1"}};return t}},v=m;var b=e(81656),g=(0,b.A)(v,i,a,!1,null,"92baceac",null);const w=g.exports}}]);