everlight.eap/front/dashboard/js/mac-alarm-detail.js

var ip = server;
var macCode = getQueryStringByName("fcode");
var dateStr = getQueryStringByName("date");
var shift = unescape(getQueryStringByName("shift"));

function showToast() {
  var loading = layer.load(2);
}
// 根据传入的日期及班次获取该班次的开始时间及结束时间
function getStartAndEndTime(dateStr, shift) {
  var obj = {};
  if (!dateStr || !shift) return undefined;
  var arr = dateStr.split("-");
  var year = parseInt(arr[0]);
  var month = parseInt(arr[1]) - 1;
  var day = parseInt(arr[2]);
  var date = new Date(year, month, day);
  if (shift === "白班") {
    obj.startTime = dateStr + " 08:30:00";
    obj.endTime = dateStr + " 20:30:00";
  } else {
    obj.startTime = dateStr + " 20:30:00";
    date = date.setDate(date.getDate() + 1);
    date = new Date(date);
    obj.endTime = dateFormat("yyyy-MM-dd", date) + " 08:30:00";
  }
  return obj;
}

var layer, eTbl;
layui.use(["table", "layer", "form"], function () {
  var table = layui.table;
  layer = layui.layer;
  var form = layui.form;
  var obj = getStartAndEndTime(dateStr, shift);
  if (!obj) {
    layer.msg("请传入正确的日期及班次", { icon: 5 });
    return;
  }
  var start = obj.startTime;
  var end = obj.endTime;
  showToast();
  mgr.getUser().then((res) => {
    if (!res || !res.access_token || res.expired) {
      login();
      return;
    }
    const token = res.access_token;
    eTbl = table.render({
      elem: "#tbl",
      url:
        ip +
        `/eap/api/MacStatusTotalInfo/GetAlarmDetail?fcode=${macCode}&startTime=${start}&endTime=${end}`, //数据接口
      headers: {
        Authorization:`Bearer ${token}`
      },
      page: true, //开启分页
      toolbar: "#toolbar",
      height: "full-20",
      limit: 30,
      cols: [
        [
          //表头
          { type: "numbers" },
          { field: "macCode", title: "机台", width: 135, sort: false },
          {
            field: "sTime",
            title: "开始时间",
            width: 200,
            sort: true,
            templet: function (d) {
              return d.sTime == null || d.sTime == undefined
                ? ""
                : d.sTime.replace(/T/g, " ");
            },
          },
          { field: "flenD", title: "时长", width: 100, sort: false },
          { field: "alarmCode", title: "报警代码", width: 120, sort: false },
          { field: "alarmDescribe", title: "报警描述", sort: false },
        ],
      ],
      done: () => {
        layer.closeAll("loading");
        $.ajaxSettings.async = false;
      },
    });
  });

  table.on("toolbar(macmodel)", function (obj) {
    if (obj.event == "search") {
      showToast();
      var alarmCode = $("input[name=fcode]").val();
      var alarmname = $("input[name=fname]").val();
      eTbl.reload({
        where: {
          alarmCode: alarmCode,
          alarmname: alarmname,
        },
        done: () => {
          form.val("searchForm", {
            fcode: alarmCode,
            fname: alarmname,
          });
          layer.closeAll("loading");
        },
      });
    } else if (obj.event == "all") {
      showToast();
      $("input[name=fcode]").val("");
      $("input[name=fname]").val("");
      eTbl.reload({
        where: {
          alarmCode: "",
          alarmname: "",
        },
        done: () => {
          layer.closeAll("loading");
        },
      });
    }
  });

  table.on("sort(macmodel)", function (obj) {
    eTbl.reload({
      initSort: obj,
      where: {
        sort: obj.field,
        order: obj.type,
      },
    });
  });
});

function reloadTable() {
  eTbl.reload();
}