why_in_h5/portal/js/BillManage.js

/* 
  发票管理
 */
let selTableData = []; //表格选中数据
let sumSelMoney = 0.00; //选中总价格
let ticketMessage = null; //发票信息

window.onload = function () {
  // 页面权限
  if (!cookieHandler.get("normal_login_token")) {
    Dreamer.error("请先登录");
    setTimeout(function () {
      window.location.href = 'login.html?time=' + new Date().getTime();
    }, 1000)
  } else {
    if (!cookieHandler.get("isliCode")) {
      Dreamer.error("账号未认证，请进行认证！");
      setTimeout(function () {
        window.location.href = 'MyCetification.html?time=' + new Date().getTime();
      }, 1000)
    } else {
      if (cookieHandler.get("userType") === "0" || cookieHandler.get("isliCode") == "undefined" || cookieHandler.get("isliCode") == undefined || cookieHandler.get("isliCode") == "") {
        $(".tabs_item").hide()
      }
    }
  }

  // 表格数据获取
  $("#mytable").bootstrapTable({
    url: AgencyAddress + '/order/getTicket',
    contentType: "application/x-www-form-urlencoded;charset=UTF-8",
    method: 'POST',
    pageNumber: 1,
    pagination: true, //是否分页
    pageList: [10, 20, 50, 100], //可选择单页记录数
    pageSize: 20, //单页记录数
    sidePagination: 'client',
    queryParamsType: "limit",
    queryParams: function (params) {
      var demoStatus = document.getElementsByClassName("current")[0].innerText;
      if (demoStatus == '全部') {
        demoStatus = '';
      } else if (demoStatus == '未开票') {
        demoStatus = 1;
      } else if (demoStatus == '开票中') {
        demoStatus = 2;
      } else if (demoStatus == '已开票') {
        demoStatus = 3;
      } else if (demoStatus == '开票失败') {
        demoStatus = 4;
      }
      params.user_isli = cookieHandler.get("isliCode");
      params.ticket_status = demoStatus;
      return params;
    },
    responseHandler: function (res) {
      if (cookieHandler.get("isliCode") == '' || cookieHandler.get("isliCode") == undefined) {
        return [];
      } else {
        return res.data
      }
    },
    columns: [{
      title: '序号',
      field: '',
      align: 'center',
      formatter: function (value, row, index) {
        return index + 1;
      }
    },
    {
      title: '订单号',
      field: 'batchcode',
      align: 'center', //水平居中
      valign: 'middle' //垂直居中
    },
    {
      title: '开票状态',
      field: 'ticket_status',
      align: 'center',
      valign: 'middle',
      formatter: function (value, row, index) {
        if (value == 1) {
          value = "未开票";
        } else if (value == 2) {
          value = "开票中";
        } else if (value == 3) {
          value = "已开票";
        } else if (value == 4) {
          value = "开票失败";
        }
        return value;
      }
    },
    {
      title: '开票金额',
      field: 'ticketmoney',
      align: 'center',
      valign: 'middle',
      formatter: function (value, row, index) {
        return '￥' + value;
      }
    },
    {
      title: '开票时间',
      field: 'tickettime',
      align: 'center',
      valign: 'middle',
    },
    {
      title: '发票编号',
      field: 'ticketid',
      align: 'center',
      valign: 'middle',
    },
    {
      title: '操作',
      field: 'look',
      align: 'center',
      valign: 'middle',
      width: "100px",
      formatter: function (value, row, index) {
        if (row.ticket_status == 3) {
          var htm = "<button style='color:#0000FF' onclick=\"handelLook(\'" + row.ticketurl + "'\)\">查看发票</button><button style='color:#0000FF' onclick=\"handelDownload(\'" + row.pdfUrl + "'\)\">下载发票</button>";
        } else if (row.ticket_status == 4) {
          var htm =
            "<button style='color:#0000FF' onclick=\"handelOpenFial()\">失败原因</button>";
        } else {
          htm = '——';
        }
        return htm;
      }
    },
    ],
  })
}

// 查看发票
function handelLook(downUrl) {
  // $("#titkeImage").attr("src", '');
  // $("#titkeImage").attr("src", downUrl);
  // $('#myModalPwd').modal('show');
  window.open(downUrl, '_blank');
}

// 下载发票
function handelDownload(url) {
  var timestamp = new Date().getTime();
  var href = url;
  // 创建一个 a 标签
  var link = document.createElement("a");
  link.href = href;
  link.download = timestamp;
  // link.target = "_blank";
  // 追加到 body
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  // let image = new Image();
  // // 解决跨域 Canvas 污染问题
  // image.setAttribute("crossOrigin", "anonymous");
  // image.onload = function() {
  //     let canvas = document.createElement("canvas");
  //     canvas.width = image.width;
  //     canvas.height = image.height;
  //     let context = canvas.getContext("2d");
  //     context.drawImage(image, 0, 0, image.width, image.height);
  //     let url = canvas.toDataURL("image/png"); //得到图片的base64编码数据
  //     let a = document.createElement("a"); // 生成一个a元素
  //     let event = new MouseEvent("click"); // 创建一个单击事件
  //     a.download = '发票下载' || "photo"; // 设置图片名称
  //     a.href = url; // 将生成的URL设置为a.href属性
  //     a.dispatchEvent(event); // 触发a的单击事件
  // };
  // image.src = url;
}

// 开票失败
function handelOpenFial() {
  $('#myModalPwdFial').modal('show');
}

/* 
 日期时间处理
 */
function formatDate(now) {
  const date = new Date(now)
  var y = date.getFullYear();
  var m = date.getMonth() + 1;
  m = m < 10 ? ('0' + m) : m;
  var d = date.getDate();
  d = d < 10 ? ('0' + d) : d;
  var h = date.getHours();
  h = h < 10 ? ('0' + h) : h;
  var minute = date.getMinutes();
  var second = date.getSeconds();
  minute = minute < 10 ? ('0' + minute) : minute;
  second = second < 10 ? ('0' + second) : second;
  return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
}

// 页面跳转添加时间戳
function handelBuyOrder(url) {
  console.log(url, 'url')
  var demoDate = new Date();
  window.location.href = url + '?time=' + demoDate.getTime();
}