riku
2025-09-04 7f6661cca40e3530111d628222fa25462022ec78
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<template>
  <el-row class="wrap">
    <el-col span="2" class="flex-col">
      <el-row justify="end">
        <CardButton
          name="走航数据详情"
          direction="left"
          @click="() => (show = !show)"
        ></CardButton>
      </el-row>
      <el-row class="flex-col">
        <DataSummary
          v-show="show"
          :loading="loading"
          :factor-datas="factorDatas"
          :select-factor-type="selectFactorType"
        ></DataSummary>
      </el-row>
    </el-col>
    <el-col v-show="show" span="10">
      <el-row align="bottom">
        <DataTable
          :loading="loading"
          :select-factor-type="selectFactorType"
          :factor-datas="factorDatas"
          :device-type="deviceType"
          :device-code="deviceCode"
          :locate-index="locateIndex"
          @table-click="handleTableClick"
        ></DataTable>
        <FactorCheckbox
          direction="left"
          vertical
          borderless-direction="r"
          v-model="selectFactorType"
          :device-type="deviceType"
        ></FactorCheckbox>
      </el-row>
    </el-col>
  </el-row>
</template>
<script>
// import { toRefs } from 'vue';
import { TYPE0 } from '@/constant/device-type';
import { defaultFactorTypes } from '@/constant/checkbox-options';
import { FactorDatas } from '@/model/FactorDatas';
// import { useDefaultFactorType } from "../../../composables/defaultFactorType";
 
export default {
  // setup(){
  //   const {selectFactorType, props} = useDefaultFactorType()
  //   return {selectFactorType, ...toRefs(props)}
  // },
  props: {
    loading: Boolean,
    factorDatas: FactorDatas,
    deviceType: {
      type: String,
      // type0: 车载或无人机; type1:无人船
      default: TYPE0
    },
    deviceCode: String,
    // 当前选中高亮的数据点索引
    locateIndex: Number
  },
  data() {
    return {
      selectFactorType: defaultFactorTypes(this.deviceType),
      show: false
    };
  },
  emits: ['tableClick'],
  watch: {
    deviceType(nV, oV) {
      if (nV != oV) {
        this.selectFactorType = defaultFactorTypes(nV);
      }
    }
  },
  methods: {
    handleTableClick(index) {
      this.$emit('tableClick', index);
    }
  }
};
</script>
<style scoped>
.flex-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
</style>