提交系统管理web端代码

bin/Release/assets/html/pages/系统管理.js

@@ -19,20 +19,29 @@ function renderPolicy(data, type, row) {
 }
 
 var deviceTypeDef = {
-  101: "光伏设备",
-  102: "充电设备",
-  103: "储能设备",
-  104: "汇流箱",
-  105: "逆变器",
-  106: "储能变流器",
+  1: "变压器",
+  2: "配电柜",
+  3: "电表",
+  4: "门禁",
+  5: "空调",
+  6: "照明",
+  7: "消防",
+  8: "光照监测设备",
+  9: "风速监测设备",
+  10: "温湿度监测设备",
+  11: "烟感监测设备",
+  12: "水浸传感器",
+  13: "视频监控",
+  101: "逆变器",
+  102: "汇流箱",
+  103: "光伏板",
+  104: "风力发电机",
+  105: "储能变流器",
+  106: "储能电池",
   107: "BMS",
-  108: "配电柜",
-  109: "电表",
-  201: "光照监测设备",
-  202: "风速监测设备",
-  203: "温湿度监测设备",
-  204: "视频监控",
-  205: "照明设备"
+  108: "充电桩",
+  109: "充电枪",
+  110: "集中器",
 }
 function renderDeviceType(data, type, row) {
   var text = deviceTypeDef[data]
@@ -146,14 +155,13 @@ var tableDef = {
       { title: '是否启用', width: '120px', render: renderIsOpen },
       { title: '创建时间', width: '180px' },
       { title: '更新时间', width: '180px' },
-      { title: '更新人', width: '180px' },
       {
         title: '操作',
         width: '200px',
-        render: function (data, type, row) { return htmlOptEdit + htmlOptDel },
+        render: function (data, type, row) { return htmlOptEdit + htmlOptAttrs },
       },
     ],
-    header: ['device_id', 'type', 'name', 'code', 'model', 'factory', 'is_open', 'create_time', 'update_time', 'update_by'],
+    header: ['device_id', 'type', 'name', 'code', 'model', 'factory', 'is_open', 'create_time', 'update_time', 'attrs'],
     query: G.cppNative.queryDeviceList,
     update: G.cppNative.updateDevice,
     insert: G.cppNative.insertDevice,
@@ -225,9 +233,9 @@ var tableDef = {
   }
 }
 
-var htmlOptEdit = '<button class="btn btn-outline-primary btn-sm" style="width:80px" id="btnRowEdit">编辑</button>'
+var htmlOptEdit = '<button class="btn btn-primary btn-sm" style="width:80px; height:28px;" id="btnRowEdit">编辑</button>'
 var htmlOptDel = '' //'<button class="btn btn-outline-danger btn-sm" style="width:80px; margin-left:8px;" id="btnRowDel">删除</button>'
-var htmlOptAttrs = '<button class="btn btn-outline-warning btn-sm" style="width:80px; margin-left:8px;" id="btnRowAttrs">属性设置</button>'
+var htmlOptAttrs = '<button class="btn btn-primary btn-sm" style="width:80px; height:28px; margin-left:8px;" id="btnRowAttrs">属性设置</button>'
 
 var popRowdata = null
 
@@ -280,6 +288,11 @@ async function initSubpage(id) {
     var row = tableInfo.table.row($(this).closest('tr'))
     showPop(id, row.data())
   })
+
+  tableInfo.table.on('click', '#btnRowAttrs', function () {
+    var row = tableInfo.table.row($(this).closest('tr'))
+    showPopDeviceAttr(row.data())
+  })
 }
 
 
@@ -302,6 +315,46 @@ function showPop(id, rowData) {
   }
 }
 
+var deviceAttrKeyDef = {
+  commType: "通讯方式",
+  ip: "通讯地址",
+  port: "通讯端口",
+  isclient: "客户端",
+}
+
+// 显示设备的属性编辑弹窗，属性字段格式为JSON: attrs="{}"
+function showPopDeviceAttr(rowData) {
+  G.showElement('deviceAttrPop', true)
+  var device_id = rowData[0]
+  var deviceType = rowData[1]
+  var deviceTypeStr = deviceTypeDef[deviceType]
+  var attrsStr = rowData[9]
+
+  var attrs = { commType: "", ip: "", port: 0, isclient: 1 }
+  try {
+    attrs = JSON.parse(attrsStr);
+  } catch (error) {
+  }
+  var elemtForm = document.getElementById('deviceAttrForm')
+  elemtForm.innerHTML =
+    `<div class="input-group mb-3">
+      <span class="input-group-text" style="width: 90px; background-color: #a6c0da">编号</span>
+      <input type="text" class="form-control" value='${device_id}' disabled />
+    </div>
+    <div class="input-group mb-3">
+      <span class="input-group-text" style="width: 90px; background-color: #a6c0da">设备类型</span>
+      <input type="text" class="form-control" value='${deviceTypeStr}' disabled />
+    </div>`
+  for (k in attrs) {
+    var title = deviceAttrKeyDef[k]
+    elemtForm.innerHTML += `<div class="input-group mb-3">
+      <span class="input-group-text" style="width: 90px; background-color: #a6c0da">${title}</span>
+      <input type="text" class="form-control" value='${attrs[k]}' />
+    </div>`
+  }
+}
+
+
 function showPrompt(text, status) {
   G.showElement('promptPop', true)
   var promptText = $('#promptText')
@@ -358,6 +411,17 @@ function callbackPopGetParams(id, key) {
   return val
 }
 
+function updateTableData(id) {
+  var info = tableDef[id]
+  var queryFunc = info.query
+  if (!queryFunc) return
+
+  queryFunc(1, 10).then((res) => {
+
+  })
+
+}
+
 // 用户弹窗确认
 function popConfirm(id) {
   // 获取数据表格操作对象
@@ -398,6 +462,15 @@ function popConfirm(id) {
   }
 }
 
+// 设置设备类型下拉列表
+var elementSelectDeviceType = document.getElementById('deviceForm_type')
+elementSelectDeviceType.innerHTML = ''
+for (k in deviceTypeDef) {
+  elementSelectDeviceType.options.add(new Option(deviceTypeDef[k], k))
+}
+
 $(document).ready(function () {
   initSubpage('user')
+
+  //G.initTable('user', tableDef['user'])
 })