JayJiaJun/JuHua-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4.24

Browse Source
This commit is contained in:
JayJiaJun 2025-04-24 16:53:59 +08:00
parent feb5a9c1f5
commit 476596814a
1 changed files with 80 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/views/iot/device/running-status.vue
View File

@ -72,17 +72,22 @@
</div>
</div>
<div v-if="item.datatype.type == 'integer'">
<div style="width: 80%; float: left">
<!-- <div style="width: 80%; float: left">
<el-slider v-model="item.shadow" :min="item.datatype.min" :max="item.datatype.max"
:step="item.datatype.step" :format-tooltip="(x) => x + ' ' + item.datatype.unit"
:disabled="shadowUnEnable || item.isReadonly == 1"></el-slider>
</div>
<div style="width: 20%; float: left">
<el-button icon="el-icon-s-promotion" type="info" @click="mqttPublish(deviceInfo, item)"
style="font-size: 16px; padding: 1px 8px; margin: 4px 0 0 10px; border-radius: 3px"
:title="$t('device.running-status.866086-6')"
v-if="!shadowUnEnable && item.isReadonly == 0"></el-button>
</div>
:disabled="shadowUnEnable || item.isReadonly == 1"></el-slider> -->
<!-- </div> -->
<el-input v-model="item.shadow"
:placeholder="item.datatype.unit ? $t('device.running-status.866086-5', [item.datatype.unit]) : $t('device.running-status.866086-4')"
:disabled="shadowUnEnable || item.isReadonly == 1">
<el-button slot="append" icon="el-icon-s-promotion" @click="mqttPublish(deviceInfo, item)"
style="font-size: 20px" :title="$t('device.running-status.866086-6')"
v-if="!shadowUnEnable && item.isReadonly == 0">
</el-button>
</el-input>
</div>
<div v-if="item.datatype.type == 'object'">
<el-descriptions :column="1" size="mini" border>
@ -359,12 +364,20 @@
</el-descriptions-item>
</el-descriptions>
</el-col>
<!-- 检测图表部分 -->
<!-- 右侧列保持为空 -->
<el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="14">
<!-- 设备监测图表-->
<!-- 这里可以放置其他内容 -->
</el-col>
</el-row>
<!-- 检测图表部分 -->
<div>
<template v-if="deviceInfo.productName === '机械压力表' && deviceInfo.chartList && deviceInfo.chartList.length >= 2">
<!-- 机械压力表的监测图表 -->
<el-row style="background-color: #f5f7fa; padding: 20px 10px; border-radius: 15px;">
<!-- 机械压力表的监测图表 - 保持和 descriptions 等宽 -->
<el-row :gutter="120">
<el-col :xs="24" :sm="24" :md="24" :lg="14" :xl="10">
<el-row style="background-color: #f5f7fa; padding: 20px 10px; border-radius: 15px; margin-top: 20px;">
<div>
<el-form>
<!-- 第一项 -->
@ -401,22 +414,24 @@
</el-form>
</div>
</el-row>
</el-col>
</el-row>
</template>
<template v-else>
<!-- 原来的图表 -->
<el-row :gutter="20"
style="background-color: #f5f7fa; padding: 20px 10px 20px 10px; border-radius: 15px; margin-right: 5px"
<!-- 其他产品的图表 - 独立宽度 -->
<div style="margin-top: 20px; padding-left: 20px;">
<div style="background-color: #f5f7fa; padding: 20px; border-radius: 15px; display: inline-block;"
v-if="deviceInfo.chartList.length > 0">
<el-col :xs="24" :sm="12" :md="12" :lg="24" :xl="8" v-for="(item, index) in deviceInfo.chartList"
:key="index">
<el-card shadow="hover" style="border-radius: 30px; margin-bottom: 20px">
<div ref="map" style="height: 230px; width: 185px; margin: 0 auto"></div>
<div style="display: flex; flex-wrap: wrap; gap: 20px;">
<el-card v-for="(item, index) in deviceInfo.chartList" :key="index" shadow="hover"
style="border-radius: 30px;">
<div ref="map" style="height: 230px; width: 185px;"></div>
</el-card>
</el-col>
</el-row>
</div>
</div>
</div>
</template>
</el-col>
</el-row>
</div>
<!-- 添加或修改产品固件对话框 -->
<el-dialog :title="$t('device.running-status.866086-10')" :visible.sync="openFirmware" width="600px" append-to-body>
@ -452,7 +467,6 @@
<el-button @click="cancel">{{ $t('cancel') }}</el-button>
</div>
</el-dialog>
</div>
</template>
@ -702,7 +716,7 @@ export default {
remoteCommand: command,
identifier: model.id,
modelName: model.name,
isShadow: device.status != 3,
isShadow: device.status = true,
type: model.type,
};
serviceInvoke(data).then((response) => {