|
@@ -29,7 +29,7 @@
|
|
|
<div class="statusname" v-if="areaData.status==1">离线</div>
|
|
|
<div class="statusname" v-if="areaData.status==2">在线</div>
|
|
|
<div class="cardflex comtest">
|
|
|
- <div> 最后一次上传数据时间</div>
|
|
|
+ <div> 数据时间</div>
|
|
|
<div>{{areaData.lastOnlineTime || '未启用'}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -56,50 +56,57 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- <el-tab-pane label="实例信息" name="1">
|
|
|
+ <el-tab-pane label="设备信息" name="1">
|
|
|
<div class="pro-box">
|
|
|
<div class="protitle">设备信息</div>
|
|
|
- <el-button type="" :icon="Edit" class="buttonedit" @click="onOpenEditDic(detail)">编辑</el-button>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <el-button type="primary" @click="onOpenEditDic(detail)">编辑</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
<div class="ant-descriptions-view">
|
|
|
<table>
|
|
|
<tbody>
|
|
|
<tr class="ant-descriptions-row">
|
|
|
+ <th class="ant-descriptions-item-label ant-descriptions-item-colon">设备标识</th>
|
|
|
+ <td class="ant-descriptions-item-content" colspan="1">{{ detail.key }}</td>
|
|
|
<th class="ant-descriptions-item-label ant-descriptions-item-colon">设备名称</th>
|
|
|
<td class="ant-descriptions-item-content" colspan="1">{{ detail.name }}</td>
|
|
|
<th class="ant-descriptions-item-label ant-descriptions-item-colon">所属产品</th>
|
|
|
<td class="ant-descriptions-item-content" colspan="1">{{ detail.productName }}</td>
|
|
|
- <!-- <th class="ant-descriptions-item-label ant-descriptions-item-colon">所属部门</th>
|
|
|
- <td class="ant-descriptions-item-content" colspan="1">{{ detail.deptName }}</td> -->
|
|
|
- <th class="ant-descriptions-item-label ant-descriptions-item-colon">设备类型</th>
|
|
|
- <td class="ant-descriptions-item-content" colspan="1">{{ prodetail.deviceType }}</td>
|
|
|
+
|
|
|
</tr>
|
|
|
<tr class="ant-descriptions-row">
|
|
|
<th class="ant-descriptions-item-label ant-descriptions-item-colon">消息协议</th>
|
|
|
<td class="ant-descriptions-item-content" colspan="1">{{ prodetail.messageProtocol }}</td>
|
|
|
<th class="ant-descriptions-item-label ant-descriptions-item-colon">链接协议</th>
|
|
|
<td class="ant-descriptions-item-content" colspan="1">{{ prodetail.transportProtocol }}</td>
|
|
|
- <th class="ant-descriptions-item-label ant-descriptions-item-colon">创建时间</th>
|
|
|
- <td class="ant-descriptions-item-content" colspan="1">{{ prodetail.createdAt }}</td>
|
|
|
+ <th class="ant-descriptions-item-label ant-descriptions-item-colon">设备类型</th>
|
|
|
+ <td class="ant-descriptions-item-content" colspan="1">{{ prodetail.deviceType }}</td>
|
|
|
</tr>
|
|
|
-
|
|
|
<tr class="ant-descriptions-row">
|
|
|
-
|
|
|
+ <th class="ant-descriptions-item-label ant-descriptions-item-colon">固件版本</th>
|
|
|
+ <td class="ant-descriptions-item-content" colspan="1">{{ prodetail.version }}</td>
|
|
|
<th class="ant-descriptions-item-label ant-descriptions-item-colon">注册时间</th>
|
|
|
<td class="ant-descriptions-item-content" colspan="1">{{ prodetail.updatedAt }}</td>
|
|
|
<th class="ant-descriptions-item-label ant-descriptions-item-colon">最后上线时间</th>
|
|
|
<td class="ant-descriptions-item-content" colspan="1">{{ prodetail.lastOnlineTime || '' }}</td>
|
|
|
</tr>
|
|
|
- </tbody>
|
|
|
+ <tr class="ant-descriptions-row">
|
|
|
+ <th class="ant-descriptions-item-label ant-descriptions-item-colon">说明</th>
|
|
|
+ <td class="ant-descriptions-item-content" colspan="5">{{ prodetail.desc }}</td>
|
|
|
+ </tr>
|
|
|
+
|
|
|
+
|
|
|
+ </tbody>
|
|
|
</table>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
@@ -117,11 +124,21 @@
|
|
|
<el-table style="width: 100%" :data="tableData.data" v-if="activetab == 'attr'">
|
|
|
<el-table-column label="属性标识" align="center" prop="key" />
|
|
|
<el-table-column label="属性名称" prop="name" :show-overflow-tooltip="true" />
|
|
|
- <el-table-column prop="valueType" label="数据类型" width="120" align="center">
|
|
|
+ <el-table-column prop="valueType" label="数据类型" width="100" align="center">
|
|
|
<template #default="scope">
|
|
|
<span>{{ scope.row.valueType.type }}</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column prop="decimals" label="精度" width="60" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ scope.row.valueType.decimals }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="unit" label="单位" width="60" align="center">
|
|
|
+ <template #default="scope">
|
|
|
+ <span>{{ scope.row.valueType.unit }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
<el-table-column prop="accessMode" label="是否只读" width="120" align="center">
|
|
|
<template #default="scope">
|
|
|
<el-tag type="info" size="small" v-if="scope.row.accessMode">只读</el-tag>
|
|
@@ -264,7 +281,7 @@
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
|
|
|
- <pagination v-show="logtableData.total > 0" :total="logtableData.total" v-model:page="logtableData.param.pageNum" v-model:limit="logtableData.param.pageSize" @pagination="getList" />
|
|
|
+ <pagination v-show="logtableData.total > 0" :total="logtableData.total" v-model:page="logtableData.param.pageNum" v-model:limit="logtableData.param.pageSize" @pagination="getlog" />
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
@@ -403,7 +420,7 @@ export default defineComponent({
|
|
|
state.tableData.total = res.Total;
|
|
|
});
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
});
|
|
|
|
|
|
|
|
@@ -586,7 +603,7 @@ export default defineComponent({
|
|
|
let properties=state.areaData.properties;
|
|
|
|
|
|
var temp = new Array();
|
|
|
-
|
|
|
+
|
|
|
properties.forEach(function (item, index) {
|
|
|
let datalist=item.list;
|
|
|
temp[index] = [];
|
|
@@ -594,17 +611,17 @@ export default defineComponent({
|
|
|
datalist.forEach(function (a, b) {
|
|
|
if(b<15){
|
|
|
temps.push(a);
|
|
|
- }
|
|
|
+ }
|
|
|
});
|
|
|
temp[index]['name']=item.name
|
|
|
- temp[index]['key']=item.key
|
|
|
+ temp[index]['key']=item.key
|
|
|
temp[index]['type']=item.type
|
|
|
temp[index]['unit']=item.unit
|
|
|
temp[index]['value']=item.value
|
|
|
temp[index]['list']=temps
|
|
|
-
|
|
|
+
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
state.areaData.properties=temp;
|
|
|
});
|
|
|
|
|
@@ -735,6 +752,8 @@ export default defineComponent({
|
|
|
.content-box .pro-box {
|
|
|
display: flex;
|
|
|
padding: 10px;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
}
|
|
|
.content-box .pro-box .protitle {
|
|
|
font-size: 18px;
|
|
@@ -819,10 +838,10 @@ tr {
|
|
|
.ant-card {
|
|
|
box-sizing: border-box;
|
|
|
margin: 10px;
|
|
|
- width: 23.5%;
|
|
|
+ width: 23.2%;
|
|
|
font-size: 14px;
|
|
|
font-variant: tabular-nums;
|
|
|
- border: 1px solid #eee;
|
|
|
+ border: 1px solid var(--next-border-color-light);
|
|
|
|
|
|
line-height: 1.5;
|
|
|
list-style: none;
|