|
@@ -7,14 +7,7 @@
|
|
|
<el-row :gutter="30">
|
|
|
<el-col :span="6">
|
|
|
<el-form-item label="选择站点">
|
|
|
- <el-select v-model="queryParams.siteId" placeholder="请选择站点">
|
|
|
- <el-option
|
|
|
- v-for="item in siteList"
|
|
|
- :key="item.siteId"
|
|
|
- :label="item.siteName"
|
|
|
- :value="item.siteId">
|
|
|
- </el-option>
|
|
|
- </el-select>
|
|
|
+ <SiteSelector @change="id => queryParams.siteId = id" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :span="6">
|
|
@@ -71,8 +64,8 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { listSite } from "@/api/site/site";
|
|
|
import { parseTime } from '@/utils/ruoyi'
|
|
|
+import SiteSelector from '@/components/SiteSelector';
|
|
|
import Chart from './chart'
|
|
|
import Table from './table'
|
|
|
|
|
@@ -106,13 +99,13 @@ const initDateRangeByType = (type) => {
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
|
+ SiteSelector,
|
|
|
Chart,
|
|
|
Table,
|
|
|
},
|
|
|
data() {
|
|
|
const dateRange = initDateRangeByType(1);
|
|
|
return {
|
|
|
- siteList: [],
|
|
|
dateRange: dateRange,
|
|
|
queryParams: {
|
|
|
siteId: 0,
|
|
@@ -133,9 +126,6 @@ export default {
|
|
|
]
|
|
|
}
|
|
|
},
|
|
|
- created() {
|
|
|
- this.init();
|
|
|
- },
|
|
|
methods: {
|
|
|
handleQuery() {
|
|
|
if (this.mode === 'chart') {
|
|
@@ -151,18 +141,6 @@ export default {
|
|
|
this.queryParams.startTime = dateRange[0]
|
|
|
this.queryParams.endTime = dateRange[1]
|
|
|
},
|
|
|
- init() {
|
|
|
- this.loading = true;
|
|
|
- listSite({ page: 1, size: 1000 }).then(response => {
|
|
|
- this.siteList = response.data.records || [];
|
|
|
- if (this.siteList.length > 0) {
|
|
|
- this.queryParams.siteId = this.siteList[0].siteId;
|
|
|
- }
|
|
|
- }
|
|
|
- ).finally(() => {
|
|
|
- this.loading = false;
|
|
|
- });
|
|
|
- },
|
|
|
dateRangeChangeHandler(dateRange) {
|
|
|
this.queryParams.startTime = dateRange[0];
|
|
|
this.queryParams.endTime = dateRange[1];
|