|
@@ -61,79 +61,79 @@
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane :label="$t('dataCenter.history.384934-14')" name="scene">
|
|
|
- <div class="scene-wrap">
|
|
|
- <div class="form-wrap">
|
|
|
- <el-form @submit.native.prevent :model="sceneQueryParams" ref="sceneQueryForm" :inline="true" label-width="68px">
|
|
|
- <el-form-item prop="sceneModelId">
|
|
|
- <el-select style="width: 100%" v-model="sceneQueryParams.sceneModelId" :placeholder="$t('dataCenter.history.384934-16')" @change="handleSceneModelChange">
|
|
|
- <el-option v-for="(item, index) in sceneModelList" :key="index" :label="item.sceneModelName" :value="item.sceneModelId"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="sceneModelDeviceId">
|
|
|
- <el-select style="width: 100%" v-model="sceneQueryParams.sceneModelDeviceId" :placeholder="$t('dataCenter.history.384934-18')" @change="handleSceneDeviceChange">
|
|
|
- <el-option v-for="(item, index) in sceneDeviceList" :key="index" :label="item.name" :value="item.id"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item prop="identifiers">
|
|
|
- <el-select style="width: 100%" v-model="sceneQueryParams.identifiers" :placeholder="$t('dataCenter.history.384934-4')" multiple collapse-tags>
|
|
|
- <el-option v-for="(item, index) in sceneIdentifierList" :key="index" :label="item.sourceName" :value="item.identifier"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+<!-- <el-tab-pane :label="$t('dataCenter.history.384934-14')" name="scene">-->
|
|
|
+<!-- <div class="scene-wrap">-->
|
|
|
+<!-- <div class="form-wrap">-->
|
|
|
+<!-- <el-form @submit.native.prevent :model="sceneQueryParams" ref="sceneQueryForm" :inline="true" label-width="68px">-->
|
|
|
+<!-- <el-form-item prop="sceneModelId">-->
|
|
|
+<!-- <el-select style="width: 100%" v-model="sceneQueryParams.sceneModelId" :placeholder="$t('dataCenter.history.384934-16')" @change="handleSceneModelChange">-->
|
|
|
+<!-- <el-option v-for="(item, index) in sceneModelList" :key="index" :label="item.sceneModelName" :value="item.sceneModelId"></el-option>-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- <el-form-item prop="sceneModelDeviceId">-->
|
|
|
+<!-- <el-select style="width: 100%" v-model="sceneQueryParams.sceneModelDeviceId" :placeholder="$t('dataCenter.history.384934-18')" @change="handleSceneDeviceChange">-->
|
|
|
+<!-- <el-option v-for="(item, index) in sceneDeviceList" :key="index" :label="item.name" :value="item.id"></el-option>-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- <el-form-item prop="identifiers">-->
|
|
|
+<!-- <el-select style="width: 100%" v-model="sceneQueryParams.identifiers" :placeholder="$t('dataCenter.history.384934-4')" multiple collapse-tags>-->
|
|
|
+<!-- <el-option v-for="(item, index) in sceneIdentifierList" :key="index" :label="item.sourceName" :value="item.identifier"></el-option>-->
|
|
|
+<!-- </el-select>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
|
|
|
- <template v-if="sceneSearchShow">
|
|
|
- <el-form-item prop="dayDaterange">
|
|
|
- <el-date-picker
|
|
|
- style="width: 356px"
|
|
|
- v-model="sceneQueryParams.dayDaterange"
|
|
|
- value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
- type="datetimerange"
|
|
|
- range-separator="-"
|
|
|
- :start-placeholder="$t('dataCenter.history.384934-6')"
|
|
|
- :end-placeholder="$t('dataCenter.history.384934-7')"
|
|
|
- :picker-options="pickerOptions"
|
|
|
- ></el-date-picker>
|
|
|
- </el-form-item>
|
|
|
- </template>
|
|
|
- </el-form>
|
|
|
- <div class="search-btn-group">
|
|
|
- <el-button type="primary" icon="el-icon-search" @click="handleSceneQuery">{{ $t('dataCenter.history.384934-8') }}</el-button>
|
|
|
- <el-button icon="el-icon-refresh" @click="handleSceneResetQuery">{{ $t('dataCenter.history.384934-9') }}</el-button>
|
|
|
- <el-button type="text" @click="handleSceneSearchChange">
|
|
|
- <span style="color: #486ff2; margin-left: 14px">{{ sceneSearchShow ? $t('template.index.891112-113') : $t('template.index.891112-112') }}</span>
|
|
|
- <i style="color: #486ff2; margin-left: 10px" :class="{ 'el-icon-arrow-down': !sceneSearchShow, 'el-icon-arrow-up': sceneSearchShow }"></i>
|
|
|
- </el-button>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- <template v-if="sceneSearchShow">-->
|
|
|
+<!-- <el-form-item prop="dayDaterange">-->
|
|
|
+<!-- <el-date-picker-->
|
|
|
+<!-- style="width: 356px"-->
|
|
|
+<!-- v-model="sceneQueryParams.dayDaterange"-->
|
|
|
+<!-- value-format="yyyy-MM-dd HH:mm:ss"-->
|
|
|
+<!-- type="datetimerange"-->
|
|
|
+<!-- range-separator="-"-->
|
|
|
+<!-- :start-placeholder="$t('dataCenter.history.384934-6')"-->
|
|
|
+<!-- :end-placeholder="$t('dataCenter.history.384934-7')"-->
|
|
|
+<!-- :picker-options="pickerOptions"-->
|
|
|
+<!-- ></el-date-picker>-->
|
|
|
+<!-- </el-form-item>-->
|
|
|
+<!-- </template>-->
|
|
|
+<!-- </el-form>-->
|
|
|
+<!-- <div class="search-btn-group">-->
|
|
|
+<!-- <el-button type="primary" icon="el-icon-search" @click="handleSceneQuery">{{ $t('dataCenter.history.384934-8') }}</el-button>-->
|
|
|
+<!-- <el-button icon="el-icon-refresh" @click="handleSceneResetQuery">{{ $t('dataCenter.history.384934-9') }}</el-button>-->
|
|
|
+<!-- <el-button type="text" @click="handleSceneSearchChange">-->
|
|
|
+<!-- <span style="color: #486ff2; margin-left: 14px">{{ sceneSearchShow ? $t('template.index.891112-113') : $t('template.index.891112-112') }}</span>-->
|
|
|
+<!-- <i style="color: #486ff2; margin-left: 10px" :class="{ 'el-icon-arrow-down': !sceneSearchShow, 'el-icon-arrow-up': sceneSearchShow }"></i>-->
|
|
|
+<!-- </el-button>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </div>-->
|
|
|
|
|
|
- <el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-card v-loading="loading" shadow="never">
|
|
|
- <div slot="header">
|
|
|
- <span>{{ $t('dataCenter.history.384934-10') }}</span>
|
|
|
- </div>
|
|
|
- <div class="el-table--enable-row-hover el-table--medium">
|
|
|
- <div v-show="sceneDatas.length !== 0" ref="sceneLineChart" style="width: 100%; height: 480px; background: #fff"></div>
|
|
|
- <el-empty v-if="sceneDatas.length === 0" style="height: 480px" :description="$t('dataCenter.history.384934-12')"></el-empty>
|
|
|
- <el-table v-show="sceneTotal > 0" style="margin-top: 50px" :data="sceneTableList" :border="false">
|
|
|
- <el-table-column :label="$t('dataCenter.history.384934-13')" prop="time" width="200" />
|
|
|
- <el-table-column v-for="item in this.sceneTableHeaderTemp" :key="item.value" :label="item.name" :prop="item.value" />
|
|
|
- </el-table>
|
|
|
- <pagination
|
|
|
- style="margin-bottom: 20px"
|
|
|
- v-show="sceneTotal > 0"
|
|
|
- :autoScroll="false"
|
|
|
- :total="sceneTotal"
|
|
|
- :page.sync="scenePageNum"
|
|
|
- :limit.sync="scenePageSize"
|
|
|
- @pagination="getSceneTableList"
|
|
|
- />
|
|
|
- </div>
|
|
|
- </el-card>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </div>
|
|
|
- </el-tab-pane>
|
|
|
+<!-- <el-row>-->
|
|
|
+<!-- <el-col :span="24">-->
|
|
|
+<!-- <el-card v-loading="loading" shadow="never">-->
|
|
|
+<!-- <div slot="header">-->
|
|
|
+<!-- <span>{{ $t('dataCenter.history.384934-10') }}</span>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- <div class="el-table--enable-row-hover el-table--medium">-->
|
|
|
+<!-- <div v-show="sceneDatas.length !== 0" ref="sceneLineChart" style="width: 100%; height: 480px; background: #fff"></div>-->
|
|
|
+<!-- <el-empty v-if="sceneDatas.length === 0" style="height: 480px" :description="$t('dataCenter.history.384934-12')"></el-empty>-->
|
|
|
+<!-- <el-table v-show="sceneTotal > 0" style="margin-top: 50px" :data="sceneTableList" :border="false">-->
|
|
|
+<!-- <el-table-column :label="$t('dataCenter.history.384934-13')" prop="time" width="200" />-->
|
|
|
+<!-- <el-table-column v-for="item in this.sceneTableHeaderTemp" :key="item.value" :label="item.name" :prop="item.value" />-->
|
|
|
+<!-- </el-table>-->
|
|
|
+<!-- <pagination-->
|
|
|
+<!-- style="margin-bottom: 20px"-->
|
|
|
+<!-- v-show="sceneTotal > 0"-->
|
|
|
+<!-- :autoScroll="false"-->
|
|
|
+<!-- :total="sceneTotal"-->
|
|
|
+<!-- :page.sync="scenePageNum"-->
|
|
|
+<!-- :limit.sync="scenePageSize"-->
|
|
|
+<!-- @pagination="getSceneTableList"-->
|
|
|
+<!-- />-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-card>-->
|
|
|
+<!-- </el-col>-->
|
|
|
+<!-- </el-row>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </el-tab-pane>-->
|
|
|
</el-tabs>
|
|
|
</el-card>
|
|
|
</div>
|