Files
LiuGeYuYou-HTML/stadium-reserve.html
ZhuRui 944005507f init
2026-08-25 12:01:09 +08:00

189 lines
9.6 KiB
HTML

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>六个羽友丨六羽赛事 球馆管理系统 球馆订场小程序 约球小程序 赛事管理系统</title>
<meta name="keywords" content="订场,约球,球馆,球友" />
<meta name="description" content="国内专业的订场约球平台 帮球馆引流 帮球友找搭子" />
<link rel="shortcut icon" href="/favicon.png" />
<meta name="applicable-device" content="pc" />
<script defer src="assets/chunks/js/runtime.js?hash=b446ba1443bc4913f472"></script>
<script defer src="assets/chunks/js/vendor-libs.js?hash=b446ba1443bc4913f472"></script>
<script defer src="assets/chunks/js/vendor-common.js?hash=b446ba1443bc4913f472"></script>
<script defer src="assets/chunks/js/common.js?hash=b446ba1443bc4913f472"></script>
<script defer src="assets/js/main.js?hash=b446ba1443bc4913f472"></script>
<script defer src="assets/chunks/js/vendor-vue.js?hash=b446ba1443bc4913f472"></script>
<script defer src="assets/js/stadiumReserve.js?hash=b446ba1443bc4913f472"></script>
<link href="assets/css/vendor-common.css?hash=b446ba1443bc4913f472" rel="stylesheet" />
<link href="assets/css/common.css?hash=b446ba1443bc4913f472" rel="stylesheet" />
<link href="assets/css/main.css?hash=b446ba1443bc4913f472" rel="stylesheet" />
</head>
<body class="page home-page">
<div class="header">
<div class="header__inner">
<div class="header__logo">
<img
id="app-left-logo"
id="app-left-logo"
src="assets/modules/a2bcf126f5af02a23f0f.png"
alt="logo"
@click="goHome"
@click="goHome" />
</div>
<div class="header__menu-con">
<a class="header__nav" data-link="main" href="/">首页</a>
<a class="header__nav" data-link="stadium-reserve" href="/stadium-reserve.html">场馆预订</a>
<a class="header__nav" data-link="cggl" href="/#qcgl">场馆管理</a>
<a class="header__nav" data-link="tournament" href="/tournament.html">六羽赛事</a>
<a class="header__nav" data-link="about" href="/about.html">关于我们</a>
<a class="header__nav" data-link="register" data-name="场馆入驻" href="/register.html">场馆入驻</a>
</div>
</div>
</div>
<div id="reserveMain" class="reserve-main">
<div class="header-placeholder"></div>
<div class="bread-crumb">
<el-icon :size="18">
<home-filled></home-filled>
</el-icon>
<span class="active">场馆预定</span>
</div>
<div class="search">
<el-cascader
v-model="currentCity"
:options="cityList"
:show-all-levels="false"
:props="{ expandTrigger: 'hover', value: 'label', emitPath: false }"
placeholder="请选择城市"
@change="cityChange">
</el-cascader>
<input
class="keyword"
type="text"
placeholder="请输入场馆名称、地址搜索"
v-model="keyWords"
@keyup.enter="queryShopList" />
<button name="button" class="common-button" @click="queryShopList">搜索</button>
</div>
<div class="center">
<div class="left">
<div class="shop-list" v-for="item of shopList" :key="item.shopId">
<img :src="item.showImg" :alt="item.shopName" />
<div class="message">
<div class="title">{{item.shopName}}</div>
<div class="mini-font">
<el-icon :size="18">
<clock></clock>
</el-icon>
营业时间:{{item.businessTime}}
</div>
<div class="mini-font">
<el-icon :size="18">
<location></location>
</el-icon>
{{item.shopAddress}}
</div>
<div class="tag">
<div class="tag-item" v-for="(tag, index) of item.showTag" :key="tag">{{tag}}</div>
</div>
</div>
<div class="list-right">
<button class="common-button" @click="goDetail(item.shopId)">进入场馆</button>
</div>
</div>
</div>
<div class="right pink-qr">
<div class="qr-title">
<div>小程序预定</div>
<div>优惠更多哦~</div>
</div>
<img src="assets/modules/18bbd2199475337108f5.png" alt="" />
</div>
</div>
<el-config-provider :locale="zhCn">
<el-pagination
background
size="large"
v-model:currentpage="currentPage"
:page-size="pageSize"
:total="total"
layout="prev, pager, next, total, jumper"
@current-change="handleCurrentChange"></el-pagination>
</el-config-provider>
</div>
<div id="footer" class="footer">
<div class="footer__inner">
<div class="footer__left">
<div class="footer__logo">
<img src="assets/modules/6b1522d2e07b41a73203.png" alt="logo" />
</div>
<div style="margin-top: 20px">国内专业的订场约球平台</div>
<div class="qr-code-list">
<div class="qr-code">
<img src="assets/modules/18bbd2199475337108f5.png" alt="扫码进入六个羽友小程序" />
<div>扫码进入<br />六个羽友小程序</div>
</div>
<div class="qr-code">
<img src="assets/modules/9548b8337dd8ad8f46f8.png" alt="馆客多商家助手下载" />
<div>馆客多商家助手<br />下载</div>
</div>
<div class="qr-code">
<img src="assets/modules/40a3913fa5af3d5dfde8.png" alt="扫码关注馆客多公众号" />
<div>扫码关注<br />馆客多公众号</div>
</div>
</div>
</div>
<div class="footer__right">
<div class="footer__nav">
<div class="footer__nav__title">我们</div>
<div class="footer__nav__item">
<a href="/about.html">关于我们</a>
</div>
<div class="footer__nav__item">
<a href="/register.html">联系我们</a>
</div>
<div class="qr-code">
<img src="assets/modules/cefef8f55156b8b7fa7f.png" alt="扫一扫添加客服微信" />
<div>扫一扫<br />添加客服微信</div>
</div>
</div>
<div class="footer__nav">
<div class="footer__nav__title">合作</div>
<div class="footer__nav__item">
<a href="/register.html">我是场馆</a>
</div>
<div class="footer__nav__item">
<a href="/register.html">业务合作</a>
</div>
</div>
<div class="footer__nav">
<div class="footer__nav__title">产品</div>
<div class="footer__nav__item">
<a href="/board.html#common">六个羽友小程序</a>
</div>
<div class="footer__nav__item">
<a href="/board.html#gl">商家客户端</a>
</div>
<div class="footer__nav__item">
<a href="https://room.yunvip123.cn/#/register">商家后台</a>
</div>
</div>
</div>
</div>
<div class="links">
<a href="https://www.yunsports.net/">羽毛球订场系统</a>|
<a href="https://www.yunsports.net/">场馆管理系统</a>|
<a href="https://www.yunsports.net/">网球馆管理系统</a>|
<a href="https://www.yunsports.net/">羽毛球管理系统</a>
</div>
<div class="copyright">
版权所有 © 2018-2020 湖北云铺网络科技有限公司<span style="margin-left: 20px">鄂ICP备16016694号</span>
</div>
</div>
</body>
</html>