|  | @@ -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>
 |