|
@@ -4,50 +4,50 @@
|
|
|
<a-tabs class="tabs-box" type="card" v-model:activeKey="activeKey" @change="tabChange" >
|
|
|
<a-tab-pane key="1" tab="实时监测">
|
|
|
<div class="box-bg table-box" style="margin-bottom: 10px">
|
|
|
- <label style="color: #fff">设备类型:</label>
|
|
|
- <Select
|
|
|
- @change="handleSensorChange"
|
|
|
- :options="deviceTypeOption"
|
|
|
- :fieldNames="{ label: 'itemText', value: 'itemValue' }"
|
|
|
- v-model:value="deviceKind"
|
|
|
- style="width: 200px; margin-bottom: 5px"
|
|
|
- placeholder="请选择设备类型"
|
|
|
- :allowClear="true"
|
|
|
- ></Select>
|
|
|
- <MonitorTable
|
|
|
- ref="SensorMonitorRef"
|
|
|
- :columnsType="deviceKind+'_monitor'"
|
|
|
- :dataSource="dataSource"
|
|
|
- design-scope="modelsensor_monitor"
|
|
|
- @select-row="getSelectRow"
|
|
|
- :deviceType="deviceKind"
|
|
|
- :scroll="{ y: 300 }"
|
|
|
- size="''"
|
|
|
- title="传感器监测"
|
|
|
- >
|
|
|
- <template #filterCell="{ column, record }">
|
|
|
- <a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == 0 ? 'green' : 'red'">{{
|
|
|
- record.warnFlag == 0 ? '正常' : '报警'
|
|
|
- }}</a-tag>
|
|
|
- <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == 0 ? 'default' : 'green'">{{
|
|
|
- record.netStatus == 0 ? '断开' : '连接'
|
|
|
- }}</a-tag>
|
|
|
- </template>
|
|
|
- </MonitorTable>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div class="charts-box box-bg">
|
|
|
- <BarAndLine
|
|
|
- v-if="chartsColumns.length > 0"
|
|
|
- :chartsColumnsType="selectData.deviceType"
|
|
|
- xAxisPropType="readTime"
|
|
|
- :dataSource="detailDataSource"
|
|
|
- height="300px"
|
|
|
- :chartsColumns="chartsColumns"
|
|
|
- chartsType="detail"
|
|
|
- :option="echartsOption"
|
|
|
- @refresh="refreshEchatrs"
|
|
|
- />
|
|
|
+ <div>
|
|
|
+ <label style="color: #fff">设备类型:</label>
|
|
|
+ <Select
|
|
|
+ @change="handleSensorChange"
|
|
|
+ :options="deviceTypeOption"
|
|
|
+ :fieldNames="{ label: 'itemText', value: 'itemValue' }"
|
|
|
+ v-model:value="deviceKind"
|
|
|
+ style="width: 200px; margin-bottom: 5px; color: black;"
|
|
|
+ placeholder="请选择设备类型"
|
|
|
+ :allowClear="true"
|
|
|
+ ></Select>
|
|
|
+ <MonitorTable
|
|
|
+ ref="SensorMonitorRef"
|
|
|
+ :columnsType="deviceKind + '_monitor'"
|
|
|
+ :dataSource="dataSource"
|
|
|
+ design-scope="modelsensor_monitor"
|
|
|
+ @select-row="getSelectRow"
|
|
|
+ :deviceType="deviceKind"
|
|
|
+ :scroll="{ y: chartsColumns.length > 0 ? 300: 600 }"
|
|
|
+ size="''"
|
|
|
+ title="传感器监测"
|
|
|
+ >
|
|
|
+ <template #filterCell="{ column, record }">
|
|
|
+ <a-tag v-if="column.dataIndex === 'warnFlag'" :color="record.warnFlag == 0 ? 'green' : 'red'">{{
|
|
|
+ record.warnFlag == 0 ? '正常' : '报警'
|
|
|
+ }}</a-tag>
|
|
|
+ <a-tag v-if="column.dataIndex === 'netStatus'" :color="record.netStatus == 0 ? 'default' : 'green'">{{
|
|
|
+ record.netStatus == 0 ? '断开' : '连接'
|
|
|
+ }}</a-tag>
|
|
|
+ </template>
|
|
|
+ </MonitorTable>
|
|
|
+ </div>
|
|
|
+ <div class="charts-box" v-if="chartsColumns.length > 0">
|
|
|
+ <BarAndLine
|
|
|
+ :chartsColumnsType="selectData.deviceType"
|
|
|
+ xAxisPropType="readTime"
|
|
|
+ :dataSource="detailDataSource"
|
|
|
+ height="300px"
|
|
|
+ :chartsColumns="chartsColumns"
|
|
|
+ chartsType="detail"
|
|
|
+ :option="echartsOption"
|
|
|
+ @refresh="refreshEchatrs"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane key="2" tab="历史数据">
|
|
@@ -59,20 +59,20 @@
|
|
|
@change="historyDataSourceChange"
|
|
|
designScope="modelsensor-history"
|
|
|
/>
|
|
|
+ <div class="charts-box" v-if="chartsColumns.length > 0">
|
|
|
+ <BarAndLine
|
|
|
+ :chartsColumnsType="selectData.deviceType"
|
|
|
+ xAxisPropType="gcreatetime"
|
|
|
+ :dataSource="historyDataSource"
|
|
|
+ height="100%"
|
|
|
+ :chartsColumns="chartsColumns"
|
|
|
+ chartsType="history"
|
|
|
+ :option="echartsOption1"
|
|
|
+ @refresh="refreshEchatrs"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="charts-box box-bg">
|
|
|
- <BarAndLine
|
|
|
- v-if="chartsColumns.length > 0"
|
|
|
- :chartsColumnsType="selectData.deviceType"
|
|
|
- xAxisPropType="gcreatetime"
|
|
|
- :dataSource="historyDataSource"
|
|
|
- height="100%"
|
|
|
- :chartsColumns="chartsColumns"
|
|
|
- chartsType="history"
|
|
|
- :option="echartsOption1"
|
|
|
- @refresh="refreshEchatrs"
|
|
|
- />
|
|
|
- </div>
|
|
|
+
|
|
|
</a-tab-pane>
|
|
|
<a-tab-pane key="3" tab="报警历史">
|
|
|
<div class="tab-item box-bg">
|
|
@@ -308,7 +308,8 @@
|
|
|
color: #fff;
|
|
|
}
|
|
|
.table-box {
|
|
|
- height: calc(60% - 150px);
|
|
|
+ // height: calc(60% - 150px);
|
|
|
+ height: 780px;
|
|
|
padding: 20px 10px;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
@@ -411,5 +412,10 @@
|
|
|
background-color: #97efff11 !important;
|
|
|
}
|
|
|
}
|
|
|
+ :deep(.vent-form){
|
|
|
+ .@{ventSpace}-select-dropdown {
|
|
|
+ color: #000000 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|