更新

src/view/equipment/list/index.vue

@@ -31,11 +31,11 @@
             {{ row.cbId || '未设置' }}
           </template>
         </el-table-column>
-        <el-table-column align="left" label="项目ID" prop="projectId">
+        <!-- <el-table-column align="left" label="项目ID" prop="projectId">
           <template #default="{ row }">
             {{ row.projectId || '未设置' }}
           </template>
-        </el-table-column>
+        </el-table-column> -->
         <el-table-column align="left" label="网关ID" prop="gatewayId">
           <template #default="{ row }">
             {{ row.gatewayId || '未设置' }}
@@ -48,6 +48,13 @@
             }}</el-tag>
           </template>
         </el-table-column>
+        <el-table-column align="left" label="锁定状态">
+          <template #default="{ row }">
+            <el-tag :type="['success', 'info', 'danger'][row.lockStatus]">{{
+              ['正常', '远程合闸禁止', '锁定'][row.lockStatus]
+            }}</el-tag>
+          </template>
+        </el-table-column>
         <el-table-column align="left" label="网络">
           <template #default="{ row }">
             <el-tag :type="row.netStatus == 1 ? 'primary' : 'info'">{{ row.netStatus == 1 ? '在线' : '离线' }}</el-tag>
@@ -55,20 +62,44 @@
         </el-table-column>
         <el-table-column align="left" label="设备类型名称" prop="cbTypeName" />
         <el-table-column align="left" label="网关mac" prop="gatewayMac" />
+
+        <el-table-column align="left" label="协议" prop="protocol" />
+        <el-table-column align="left" label="品牌" prop="brand" />
+
         <el-table-column align="left" label="安装时间" prop="createTime">
           <template #default="{ row }">
             {{ row.createTime || '未设置' }}
           </template>
         </el-table-column>
 
-        <el-table-column label="操作" fixed="right">
+        <el-table-column label="操作" fixed="right" width="240">
           <template #default="{ row }">
-            <el-link v-if="row.deviceStatus == 1" underline="never" type="primary" @click="changeStatus(row)"
-              >分闸</el-link
-            >
-            <el-link v-else underline="never" type="primary" @click="changeStatus(row)">合闸</el-link>
-            <!-- <el-button type="primary" link icon="delete" @click="deleteUserFunc(row)">删除</el-button> -->
-            <!-- <el-button type="primary" link icon="edit" @click="openEdit(row)">编辑</el-button> -->
+            <span class="action-buttons">
+              <el-button v-if="row.deviceStatus == 1" type="primary" link icon="SortUp" @click="changeStatus(row)">
+                分闸
+              </el-button>
+              <el-button v-else type="primary" link icon="SortDown" @click="changeStatus(row)">合闸</el-button>
+              <el-button v-if="[1].includes(row.lockStatus)" type="primary" link icon="Unlock" @click="unlock(row)">
+                解锁
+              </el-button>
+              <el-dropdown>
+                <span class="el-dropdown-link">
+                  更多
+                  <el-icon class="el-icon--right">
+                    <arrow-down />
+                  </el-icon>
+                </span>
+                <template #dropdown>
+                  <el-dropdown-menu>
+                    <el-dropdown-item>
+                      <el-button type="primary" link icon="Odometer" @click="updateParticulars(row)">
+                        实时数据
+                      </el-button>
+                    </el-dropdown-item>
+                  </el-dropdown-menu>
+                </template>
+              </el-dropdown>
+            </span>
           </template>
         </el-table-column>
       </el-table>
@@ -109,7 +140,35 @@
   onMounted(() => {
     getTableData()
   })
-
+  // 解锁
+  const unlock = async (row) => {
+    ElMessageBox.confirm('确认解锁吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(async () => {
+      const res = await serve.deviceOperation({
+        id: row.ID,
+        gatewayId: row.gatewayId,
+        para: '0xAD'
+      })
+      if (res.code === 0) {
+        ElMessage.success('操作成功')
+        getTableData()
+      }
+    })
+  }
+  // 更新
+  const updateParticulars = async (row) => {
+    const res = await serve.getDeviceDetailsInfoByRemote({
+      deviceId: row.ID
+    })
+    if (res.code === 0) {
+      ElMessage.success('更新成功')
+    } else {
+      // ElMessage.error(res.msg || '更新失败')
+    }
+  }
   // 合分闸
   const changeStatus = (row) => {
     ElMessageBox.confirm(row.deviceStatus == 1 ? '确认分闸吗？' : '确认合闸吗？', '提示', {
@@ -166,8 +225,20 @@
   }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
   .header-img-box {
     @apply w-52 h-52 border border-solid border-gray-300 rounded-xl flex justify-center items-center cursor-pointer;
   }
+  .action-buttons {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
+  }
+  .el-dropdown-link {
+    cursor: pointer;
+    color: var(--el-color-primary);
+    // display: flex;
+    // align-items: center;
+  }
 </style>