qy-platform/Application/Home/View/default/Public/verify_password.html

<extend name="Public/promote_base"/>
<block name="css">
  <link rel="stylesheet" href="__CSS__/20170831/select2.min.css" type="text/css"/>
  <link href="__CSS__/20180207/data.css" rel="stylesheet">
  <link href="__CSS__/20180207/game.css" rel="stylesheet">
  <link href="__CSS__/20180207/finance.css" rel="stylesheet">
  <link href="__CSS__/detailed.css?v=1.1" rel="stylesheet">

  <style type="text/css">
    .trunk-list {
      position: relative;
      min-height: 66vh;
    }

    .pagenation {
      text-align: center;
      line-height: 5vh;
    }

    .lwx_dialog_prompt .layui-layer-content {
      padding-top: 15px;
    }

    .lwx_dialog_title {
      margin: 0;
      padding: 0;
    }

    .launch_platform_prompt .layui-layer-input, .lwx_dialog_input, .lwx_dialog_select, .lwx_dialog_textarea {
      display: block;
      width: 220px;
      height: 32px;
      margin: 0 auto;
      line-height: 32px;
      padding: 0 5px;
      border: 1px solid #ccc;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, .1) inset;
      color: #333;
    }

    .lwx_dialog_select {
      width: 272px;
    }

    .lwx_dialog_textarea {
      height: 64px;
      width: 260px;
      margin-top: 10px;
      resize: none;
    }

    .lwx_dialog_input {
      width: 260px;
      margin-top: 10px;
    }

    .launch_platform_prompt .layui-layer-btn, .lwx_dialog_prompt .layui-layer-btn {
      text-align: center;
      padding-bottom: 25px;
    }

    .launch_platform_prompt .layui-layer-btn .layui-layer-btn0, .lwx_dialog_prompt .layui-layer-btn .layui-layer-btn0 {
      width: 81%;
      line-height: 32px;
      height: 32px;
      margin: 0;
    }

    .lwx_dialog_notice {
      position: absolute;
      bottom: 6px;
      left: 20px;
      font-size: 12px;
      color: #999;
    }

    .lwx_dialog_prompt .select2-container, .select2-container--default .select2-selection--single {
      width: 272px !important;
    }

    .applycbtn {
      display: block;
      color: #50B370;
    }

    textarea {
      font-family: inherit;
    }

    .trunk-content {
      margin: 0 2%;
    }

    .pic-prev:hover, .pic-next:hover {
      background-color: #4ac5c3;
    }

    .add-disable {
      color: #999;
    }

    .input-security {
      width: 500px;
      height: 2.5rem;
      padding-left: 10px;
      border-radius: 5px;
      border: 0;
    }

    .btn-security {
      width: 300px;
      height: 2.4rem;
      border: 0;
      border-radius: 5px;
      background-color: #358fe4;
      color: #fff;
    }

    .btn-security-close {
      width: 300px;
      height: 2.4rem;
      border: 0;
      border-radius: 5px;
      background-color: #fff;
      color: #999;
    }
  </style>
</block>

<block name="body">
  <div class="page-list normal_list apply-index-list jssearch">
    <div class="trunk-title">
      <div class="location">
        <div class="location-container">当前位置：
          <volist name="modelList" id="vo" key="k">
            <?php if ($k == count($modelList) - 1) {
              echo "<span>$vo></span>";
            } else {
              echo "<span>$vo</span>";
            }?>
          </volist>
        </div>
      </div>
      <img src="__IMG__/20180207/icon_normal_game.png"><span class="title_main">{$meta_title}</span>
      <span class="title_main">安全密码</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: table-caption;">
        <div class="tab detailed-box" style="margin-top: 40px;align-items: center;">
          <label class="detailed-title detailed-label" style="margin-right: 20px;">安全密码:</label>
          <div class="detailed-content-box">
            <input class="input-security" id="security_password" type="password" placeholder="安全密码">
          </div>
        </div>
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label" style="margin-right: 20px;"></label>
          <div class="detailed-content-box" style="display: flex;width: 100%;">
            <button class="btn-security" style="margin-right: 20px;">确定</button>
            <button class="btn-security-close">取消</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</block>
<block name="script">
  <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
  <script type="text/javascript">
      $(document).ready(function () {
          $(".select_gallery").select2();

          $('.btn-security').on('click', function () {
              var password = $('#security_password').val();

              $.ajax({
                  type: "post",
                  url: "__URL__/verifyPassword",
                  dataType: "json",
                  data: {'password': password},
                  success: function (data) {
                      if (data.status == 1) {
                          window.location.reload();
                      } else {
                          layer.msg(data.msg, {icon: 5});
                      }
                  },
                  error: function (result) {
                      layer.msg('网络异常', {icon: 5});
                  }
              });
          });

          $('.btn-security-close').on('click', function () {
              window.location.href = "{:U('Promote/index')}";
          });
      });
  </script>
</block>