| | |
|---|
| | | :select-factor-type="selectFactorType" |
|---|
| | | :factor-datas="factorDatas" |
|---|
| | | :device-type="deviceType" |
|---|
| | | :device-code="deviceCode" |
|---|
| | | :locate-index="locateIndex" |
|---|
| | | @table-click="handleTableClick" |
|---|
| | | ></DataTable> |
|---|
| | |
|---|
| | | </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, |
|---|
| | |
|---|
| | | // type0: 车载或无人机; type1:无人船 |
|---|
| | | default: TYPE0 |
|---|
| | | }, |
|---|
| | | deviceCode: String, |
|---|
| | | // 当前选中高亮的数据点索引 |
|---|
| | | locateIndex: Number |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | selectFactorType: ['1', '2', '3'], |
|---|
| | | 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); |
|---|
