<template>
|
<el-row class="wrap">
|
<el-col span="" class="flex-col">
|
<el-row justify="end">
|
<CardButton
|
name="实时趋势"
|
direction="left"
|
@click="() => (show = !show)"
|
></CardButton>
|
</el-row>
|
<FactorCheckbox
|
v-show="show"
|
direction="right"
|
vertical
|
borderless-direction="r"
|
v-model="selectFactorType"
|
:device-type="deviceType"
|
></FactorCheckbox>
|
</el-col>
|
<el-col v-show="show" span="">
|
<el-row align="bottom">
|
<FactorTrend
|
:factor-datas="factorDatas"
|
:device-type="deviceType"
|
:select-factor-type="selectFactorType"
|
></FactorTrend>
|
</el-row>
|
</el-col>
|
</el-row>
|
</template>
|
<script>
|
import { TYPE0 } from '@/constant/device-type';
|
import { defaultFactorTypes } from '@/constant/checkbox-options';
|
import { FactorDatas } from '@/model/FactorDatas';
|
|
export default {
|
props: {
|
loading: Boolean,
|
factorDatas: FactorDatas,
|
deviceType: {
|
type: String,
|
// type0: 车载或无人机; type1:无人船
|
default: TYPE0
|
}
|
},
|
data() {
|
return {
|
selectFactorType: defaultFactorTypes(this.deviceType),
|
show: true
|
};
|
}
|
};
|
</script>
|
<style scoped>
|
.flex-col {
|
display: flex;
|
flex-direction: column;
|
justify-content: space-between;
|
}
|
</style>
|
