scene_wisdom/js/showHardware.js

$(function () {
  // let url = ``;
  let url = `http://192.168.0.135:8004`;

  let gName = "Gridtable";
  let grtable = document.querySelector("#gridtb");
  grtable.GM({
    gridManagerName: gName,
    height: "300px",
    ajaxData: function (setting) {
      console.log(setting.pageData,setting.sortData);
      // 传入分页及排序的配置项
      return getList(Object.assign({}, setting.pageData, setting.sortData));
    },
    ajaxType: "POST",
    supportCheckbox: false,
    supportAjaxPage: true,
    useNoTotalsMode: true,
    pageSize:10,
    columnData: [
      {
        key: "code",
        text: "硬件编号",
      },
      {
        key: "devTypeName",
        text: "硬件状态",
      },
      {
        key: "name",
        text: "热点名字",
      },
      ,
      {
        key: "id",
        width: "100px",
        align: "center",
        text: "查看",
        template: function (username) {
          var titleNode = document.createElement("div");
          // titleNode.attr('href', `https://www.lovejavascript.com/#!zone/blog/content.html?id=${rowObject.id}`);
          titleNode.setAttribute("title", username);
          titleNode.classList.add("plugin-action");
          titleNode.innerHTML = `<img src="./images/jiantou2.png" alt="">`;
          return titleNode;
        },
      },
    ],
  });

  // 阻止冒泡
  $(".hardware-list").on("click keydown keyup keypress", function (event) {
    event.stopPropagation();
  });

  //点击前往查看
  $(grtable).on("click", ".plugin-action", function (e) {
    const row = GridManager.getRowData(
      gName,
      e.currentTarget.parentElement.parentElement
    );
    console.log(row);
    window.hardwareHotList[row.code] &&
      window.hardwareHotList[row.code].showPannel({ focus: true });
  });

  $(".hard-header").click(function () {
      $(".hard-body").toggle();
    }
  )

  let getList = function (params) {
    return new Promise((resolve, reject) => {
      $.ajax({
        method: "POST",
        data : JSON.stringify({
          "devTypeId": "",
          "name": "",
          "pageNum": params.cPage,
          "pageSize": params.pSize,
          "searchKey": "",
          "userId": ""
        }),
        headers: {
          "Content-Type": "application/json",
        },
        dataType: "json",
        contentType: "application/json",
        url: url + "/api/device/listPage",

        success: function (data) {
          if (data.code == 0) {
            resolve({
              data:data.data.records,
              totals: data.data.total,
            });
          } else {
            reject(data);
          }
        },
      });
    });
  };

  window.changeDeviceStatus = function (item) {
    console.log(item);
    let tmp = item.infoAttribute.hardware
    $.ajax({
      method: "GET",
      headers: {
        "Content-Type": "application/json",
      },
      dataType: "json",
      contentType: "application/json",
      url: url + `/api/device/control/${tmp.id}/${tmp.deviceCode}/${paramValue}/03`,
      success: function (data) {
        if (data.code === 0) {
          resolve({
            ...data,
            totals: data.data.length,
          });
        } else {
          reject(data);
        }
      },
    });
  }
});