cf-platform/Application/Home/View/default/Query/view_spend_detailed.html

<extend name="Public/promote_base"/>
<block name="css">
  <link href="__CSS__/20180207/platform.css" rel="stylesheet">
  <link href="__CSS__/detailed.css" rel="stylesheet">
  <style>
    .trunk-list .table3 {
      width: 100%;
    }

    .table3 tr td {
      border: 1px solid #E0E7EF;
    }

    .pagenation {
      line-height: 6.5vh;
    }

    .pagenation > div {
      text-align: right;
    }

    .trunk-list .table3 tr {
      height: 4.2vh;
    }
  </style>
</block>

<block name="body">
  <div class="page-search normal_list charge-agentPay-search">
    <div class="trunk-title">
      <div class="location">
        <div class="location-container">当前位置：<span>数据管理></span><span>充值明细></span><span>查看详细</span></div>
      </div>
      <span class="title_main">订单详情</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: grid;">
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">订单状态:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_status}</span>
          </div>
          <label class="detailed-title detailed-label">游戏名称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.game_name}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">流水号:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_order_number}</span>
          </div>
          <label class="detailed-title detailed-label">订单号:</label>
          <div class="detailed-content-box">
            <span>{$list_data.order_number}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">订单标题:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
          <label class="detailed-title detailed-label">角色昵称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.game_player_name}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">道具名称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.props_name}</span>
          </div>
          <label class="detailed-title detailed-label">订单总价:</label>
          <div class="detailed-content-box">
            <span>{$list_data.cost}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">区服名称:</label>
          <div class="detailed-content-box">
            <span>{$list_data.server_name}</span>
          </div>
          <label class="detailed-title detailed-label">现金充值:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_amount}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">折扣币:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
          <label class="detailed-title detailed-label">通用币:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">代金券:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">订单备注:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">支付备注:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">创建时间:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
          <label class="detailed-title detailed-label">支付时间:</label>
          <div class="detailed-content-box">
            <span>{:date('Y-m-d H:i:s', $list_data['pay_time'])}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">处理结果:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
          <label class="detailed-title detailed-label">处理时间:</label>
          <div class="detailed-content-box">
            <span></span>
          </div>
        </div>
      </div>
    </div>

    <div class="trunk-title">
      <span class="title_main">订单支付信息</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: grid;">
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">支付标识:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_order_number}</span>
          </div>
          <label class="detailed-title detailed-label">通道类型:</label>
          <div class="detailed-content-box">
            <span>{:get_pay_way($list_data['pay_way'])}</span>
          </div>
        </div>

        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">支付类型:</label>
          <div class="detailed-content-box">
            <span>{:get_pay_way($list_data['pay_way'])}</span>
          </div>
          <label class="detailed-title detailed-label">支付金额:</label>
          <div class="detailed-content-box">
            <span>{$list_data.pay_amount}</span>
          </div>
        </div>
      </div>
    </div>

    <div class="trunk-title">
      <span class="title_main">订单其他信息</span>
    </div>
    <div class="trunk-content article">
      <div class="trunk-search clearfix" style="display: grid;">
        <div class="tab detailed-box">
          <label class="detailed-title detailed-label">设备类型:</label>
          <div class="detailed-content-box">
            <span>{:getSDKTypeName($list_data['sdk_version'])}</span>
          </div>
          <label class="detailed-title detailed-label">操作系统:</label>
          <div class="detailed-content-box">
            <span>{:getSDKTypeName($list_data['sdk_version'])}</span>
          </div>
        </div>
      </div>
    </div>

    <div class="detailed-br"></div>
  </div>
</block>
<block name="script">
  <script type="text/javascript" src="__STATIC__/layer/extend/layer.ext.js"></script>
  <script type="text/javascript" src="__JS__/20170831/select2.min.js"></script>
  <script type="text/javascript">
      $(function () {
          $("#promote_child").change();
          $(".select_gallery").select2();

          $('.jspayradio input:first').prop('checked', true).siblings('i').addClass('current');

          $('.jspayradio input').click(function () {
              var that = $(this);
              $('.jspayradio i').removeClass('current');
              if (that.prop('checked')) {
                  that.siblings('i').addClass('current');
              }
          });

          $(".zhe").hide();
      });
      $('#game_id').change(function () {
          if ($("#game_id option:selected").val() != "") {
              $(".zhe").show();
          } else {
              $(".zhe").hide();
          }

          var radio = $("#game_id option:selected").attr('data');
          //radio = radio/10;
          $('.zhe td.r').html(radio + "折");
          $("#discount").val(radio);

          var uccount = $('#account');
          var game_id = $(this).val();

          $.ajax({
              type: 'post',
              dataType: 'json',
              data: {game_id: game_id},
              url: '{:U("get_user_play")}',
              success: function (data) {
                  uccount.find('option').remove().end().append('<option value="">请选择充值用户</option>');
                  if (parseInt(data.status) == 1) {
                      var html = '';
                      $.each(data.data, function (i, n) {

                          html += '<option value="' + n.user_account + '">' + n.user_account + '</option>';

                      });

                      uccount.append(html);
                      uccount.select2();
                  } else {
                      layer.msg(data.info);
                  }
              },
              error: function () {
                  layer.msg('服务器故障！');
              }
          });


      });
      $(function () {
          if ($("#game_id option:selected").val() != "") {
              $(".zhe").show();
          } else {
              $(".zhe").hide();
          }
          var radio = $("#game_id option:selected").attr('data');
          $('.zhe td.r').html(radio + "折");
          $("#discount").val(radio);
      });

      function sub_from() {
          var pay_type = $("input[name='pay_type']:checked").val();

          if (pay_type) {
              var form = $('#form');

              if (pay_type == 'swiftpass') {
                  $.ajax({
                      type: 'post',
                      dataType: 'json',
                      url: '{:U("agent_pay_action")}',
                      data: form.serialize(),
                      success: function (data) {
                          if (parseInt(data.status) == 1) {
                              if (data.data) {
                                  img_qrcode(data.data);
                              } else if (data.url) {
                                  window.location.href = data.url;
                              } else {
                                  layer.msg(data.info);
                              }

                          } else {
                              layer.msg(data.info);
                          }
                      },
                      error: function () {
                          layer.msg('服务器故障！');
                      }
                  });

              } else {
                  form.submit();
              }
          } else {

              layer.msg('请选择充值方式');

          }


      }

      function check() {
          data = validation();
          if (data.status != 1) {
              layer.msg(data.msg, {icon: 2});
              return false;
          } else {
              if ($("input[name='pay_type']:checked").val()) {
                  layer.prompt(
                      {
                          formType: 1,
                          title: '请输入二级密码',
                          value: ''
                      },
                      function (val) {
                          $.ajax({
                              url: '{:U("checkpwd")}',
                              type: 'post',
                              dataType: 'json',
                              data: {'pwd': val},
                              success: function (data) {
                                  if (data.status > 0) {
                                      sub_from();
                                  } else {
                                      layer.msg(data.msg)

                                  }
                              },
                              error: function () {
                                  alert("错误");
                              }
                          });
                      });
              } else {

                  layer.msg('请选择充值方式');

              }

          }
      }

      $("#pay_fmoney").keyup(function () {
          var ratio = $("#discount").val();
          var jine = $(this).val();
          if (ratio == '') {
              layer.msg("请选择充值游戏名称");
              $(this).val('');
          }
          if (jine) {
              if (/^\+?[1-9][0-9]*$/.test(jine)) {
                  if (ratio >= 1) {
                      var real_amount = (jine * (ratio / 100) * 10).toFixed(2);
                      $("#yingfu").html(jine);
                      $("#real_amount").val(real_amount);
                      $("#shifu").html(real_amount);
                  } else {
                      var money = $(this).val();
                      $("#yingfu").html(money);
                      $("#real_amount").val(money);
                      $("#shifu").html(money);
                  }
              } else {
                  $("#yingfu").html(0);
                  $("#shifu").html(0);
                  layer.msg("充值金额必须是正整数");
              }
          } else {
              $("#yingfu").html(0);
              $("#shifu").html(0);
          }
      });

      function validation() {
          var json_data = "";
          var limits = {$pro['pay_limit']};
          if ($("#game_id").val() == '') {
              return json_data = {'status': 0, 'msg': '请选择充值游戏名称'}
          }
          if ($.trim($('#account').val()).length == 0) {
              return json_data = {'status': 0, 'msg': '充值用户名不能为空'}
          }
          if (!checkAccount()) {
              return json_data = {'status': 0, 'msg': '此用户没玩过这个游戏'}//此用户不属于您的渠道
          }
          if ($.trim($('#pay_fmoney').val()).length == 0 || $("#real_amount").val() == 0) {
              return json_data = {'status': 0, 'msg': '充值金额不能为空'}
          }

          if (!intege($('#pay_fmoney').val())) {
              return json_data = {'status': 0, 'msg': '充值金额必须是正整数'};
          }
          if (!checkSecond()) {
              return json_data = {'status': 0, 'msg': '请设置二级密码'}
          }
          return json_data = {'status': 1, 'msg': '成功'};
      }

      $("#account").on('change', function () {
          if ($.trim($('#game_id').val()) == '') {
              $(this).val('');
              layer.msg('请先选择游戏');
              return false;
          }
          return false;
      });

      $("#account").blur(function () {
          var status = checkAccount();
          var account = $('#account').val();
          if (account != '') {
              if (!status) {
                  layer.msg('此用户没玩过这个游戏', {icon: 2});
              }
          }
      })

      function checkSecond() {
          var status = 1;
          $.ajax({
              type: "post",
              url: "{:U('checkSecond')}",
              async: false,
              dataType: "json",
              success: function (data) {
                  status = data.status;
              }
          });
          return status;
      }

      function checkAccount() {
          var status = 0;
          $.ajax({
              type: "post",
              url: "{:U('checkAccount')}",
              async: false,
              data: {user_account: $("#account").val(), game_id: $("#game_id").val()},
              dataType: "json",
              success: function (data) {
                  status = data.status;
              }
          });
          // alert(status);
          return status;
      }

      function intege(data) {
          var re = /^[1-9]+[0-9]*]*$/;
          if (!re.test(data)) {
              return false;
          } else {
              return true;
          }
      }


      $("#promote_child").change(function () {
          var coin = get_child_coin($(this).val());
          $("#money").text(coin + '元')
      })

      function get_child_coin(cid) {
          var coin = 0;
          $.ajax({
              url: "{:U('PromoteCoin/get_coin')}",
              data: {id: cid},
              type: 'post',
              async: false,
              success: function (data) {
                  coin = data.coin;
              },
              errror: function () {
                  layer.msg("服务器故障！");
              }
          });
          if (coin == null) {
              coin = 0;
          }
          return coin;
      }
  </script>
  <script type="text/javascript">
      function img_qrcode(data) {
          layer.open({
              type: 1,
              title: "微信扫码支付",
              closeBtn: 1,
              shadeClose: true,
              skin: 'yourclass',
              btn: ['确认充值', '返回'],
              content: '<div class="d_body" style="height:px;text-align:center;"><div class="d_content"><div class="text_center"> <table class="list" align="right" width="100%"><tbody><tr><td class="text_right">订单号</td><td class="text_left">' + data.out_trade_no + '</td></tr><tr><td class="text_right">充值金额</td><td class="text_left">本次充值' + data.amount + '元，实际付款' + data.pay_money + '元</td></tr></tbody></table><img src="' + data.code_img_url + '" height="301" width="301"><img src="/Public/Media/images/wx_pay_tips.png"></div></div></div>',
              end: function () {
                  window.location.href = "{:U('Charge/agent_pay')}";
              }
          });
          var order_number = "'" + data.out_trade_no + "'";
          setInterval("callback(" + order_number + ")", 1000);
      }
  </script>
  <script type="text/javascript">
      function callback(out_trado_no) {
          $.ajax({
              type: 'POST',
              url: "{:U('Charge/checkOrder')}",
              data: {"order_number": out_trado_no},
              success: function (data) {
                  if (data.status > 0) {
                      layer.msg('支付成功');
                      window.location.href = "{:U('Charge/agent_pay_list')}"
                  }
              }
          });
      }
  </script>
</block>