scene_wisdom/js/showHardware.js

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

  let gName = "Gridtable";
  let grtable = document.querySelector("#gridtb");
  grtable.GM({
    gridManagerName: gName,
    height: "300px",
    ajaxData: function (setting) {
      // 传入分页及排序的配置项
      return getList(Object.assign({}, setting.pageData, setting.sortData));
    },
    ajaxType: "POST",
    supportCheckbox: false,
    supportAjaxPage: true,
    useNoTotalsMode: true,
    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: "GET",
        headers: {
          "Content-Type": "application/json",
        },
        dataType: "json",
        contentType: "application/json",
        url: url + "/api/device/list",
        success: function (data) {
          if (data.code === 0) {
            resolve({
              ...data,
              totals: data.data.length,
            });
          } else {
            reject(data);
          }
        },
      });
    });
  };

  window.changeDeviceStatus = function (item) {
    console.log(item);
    // $.ajax({
      
    //   method: "GET",
    //   headers: {
    //     "Content-Type": "application/json",
    //   },
    //   dataType: "json",
    //   contentType: "application/json",
    //   url: url + "/api/device/list",
    //   success: function (data) {
    //     if (data.code === 0) {
    //       resolve({
    //         ...data,
    //         totals: data.data.length,
    //       });
    //     } else {
    //       reject(data);
    //     }
    //   },
    // });
  }
});