刘帅
2026-09-28 b207fe04226e921e2b834a8162ef38947de431b4
cloud-server-management/src/main/webapp/WEB-INF/view/system/appGuide/appGuide.html
@@ -1,14 +1,85 @@
@layout("/common/_container.html"){
<style>.app-guide-section{margin-bottom:25px}.qr{width:90px;height:90px}.table td{vertical-align:middle}</style>
<div class="row"><div class="col-sm-12"><div class="ibox float-e-margins"><div class="ibox-title"><h5>APP 下载引导与场地订场二维码</h5></div><div class="ibox-content">
  <div class="app-guide-section"><h4>下载配置</h4><form id="configForm" class="form-inline">
    <input type="hidden" name="id" id="configId"><p><input class="form-control" name="appName" placeholder="APP 名称"> <input class="form-control" name="appScheme" placeholder="Scheme,如 playpai"> <input class="form-control" name="androidPackage" placeholder="Android 包名"></p>
    <p><input class="form-control" name="guideDomain" style="width:350px" placeholder="引导域名,如 https://h5.playpai.com"> <input class="form-control" name="iosStoreUrl" style="width:350px" placeholder="iOS App Store 地址"></p>
    <p><input class="form-control" name="androidDefaultUrl" style="width:350px" placeholder="安卓默认应用市场地址"> <input class="form-control" name="apkUrl" style="width:350px" placeholder="APK 下载地址"></p>
    <p><textarea class="form-control" name="androidMarketUrls" style="width:710px" placeholder='安卓品牌市场地址 JSON,例如 {"huawei":"https://..."}'></textarea></p>
    <button type="button" class="btn btn-primary" onclick="saveConfig()">保存下载配置</button></form></div>
  <hr><div class="app-guide-section"><h4>宣传图</h4><form class="form-inline"><input id="bannerFile" type="file" accept="image/*" class="form-control"><input id="bannerUrl" type="hidden"><button type="button" class="btn btn-default" onclick="uploadBanner()">上传图片</button><input id="bannerTitle" class="form-control" placeholder="标题(可选)"><input id="bannerSort" class="form-control" style="width:100px" placeholder="排序"><button type="button" class="btn btn-primary" onclick="addBanner()">添加</button></form><p id="uploadTip" class="text-muted"></p><table class="table table-bordered"><thead><tr><th>预览</th><th>标题</th><th>排序</th><th>状态</th><th>操作</th></tr></thead><tbody id="bannerRows"></tbody></table></div>
  <hr><div class="app-guide-section"><h4>场地订场二维码</h4><p class="text-muted">从现有场地管理数据中选择,每个场地仅允许一个启用二维码。</p><form class="form-inline"><select id="siteSelect" class="form-control" style="min-width:360px"><option value="">请选择场地</option></select><input id="channel" class="form-control" placeholder="渠道(可选)"><button type="button" class="btn btn-primary" onclick="createQr()">生成二维码</button></form><table class="table table-bordered"><thead><tr><th>名称</th><th>门店/场地</th><th>二维码</th><th>引导链接</th><th>状态</th><th>操作</th></tr></thead><tbody id="linkRows"></tbody></table></div>
</div></div></div></div>
<style>
  .app-guide-section {
    margin-bottom: 25px
  }
  .qr {
    width: 90px;
    height: 90px
  }
  .table td {
    vertical-align: middle
  }
</style>
<div class="row">
  <div class="col-sm-12">
    <div class="ibox float-e-margins">
      <div class="ibox-title">
        <h5>APP 下载引导与场地订场二维码</h5>
      </div>
      <div class="ibox-content">
        <div class="app-guide-section">
          <h4>APP 下载链接</h4>
          <form id="configForm" class="form-inline">
            <input type="hidden" name="id" id="configId">
            <p>
              <input class="form-control" name="apkUrl" style="width:350px" placeholder="Android 下载链接">
              <input class="form-control" name="iosStoreUrl" style="width:350px" placeholder="iOS 下载链接">
            </p>
            <button type="button" class="btn btn-primary" onclick="saveConfig()">保存下载配置</button>
          </form>
        </div>
        <hr>
        <div class="app-guide-section">
          <h4>宣传图</h4>
          <form class="form-inline"><input id="bannerFile" type="file" accept="image/*" class="form-control">
            <input id="bannerUrl" type="hidden">
            <button type="button" class="btn btn-default" onclick="uploadBanner()">上传图片</button>
            <input id="bannerTitle" class="form-control" placeholder="标题(可选)">
            <input id="bannerSort" class="form-control" style="width:100px" placeholder="排序">
            <button type="button" class="btn btn-primary" onclick="addBanner()">添加</button>
          </form>
          <p id="uploadTip" class="text-muted"></p>
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>预览</th>
                <th>标题</th>
                <th>排序</th>
                <th>状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="bannerRows"></tbody>
          </table>
        </div>
        <hr>
        <div class="app-guide-section">
          <h4>场地订场二维码</h4>
          <p class="text-muted">从现有场地管理数据中选择,每个场地仅允许一个启用二维码。</p>
          <form class="form-inline"><select id="siteSelect" class="form-control" style="min-width:360px">
              <option value="">请选择场地</option>
            </select><button type="button" class="btn btn-primary" onclick="createQr()">生成二维码</button></form>
          <table class="table table-bordered">
            <thead>
              <tr>
                <th>名称</th>
                <th>App页面</th>
                <th>门店/场地</th>
                <th>二维码</th>
                <th>引导链接</th>
                <th>状态</th>
                <th>操作</th>
              </tr>
            </thead>
            <tbody id="linkRows"></tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<script src="${ctxPath}/modular/system/appGuide/appGuide.js"></script>
@}
@}