| | |
| | | </el-row> |
| | | </template> |
| | | <script> |
| | | // import { toRefs } from 'vue'; |
| | | import { TYPE0 } from '@/constant/device-type'; |
| | | import { checkboxOptions } 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, |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | selectFactorType: ['1', '2', '3'], |
| | | selectFactorType: this.defaultFactorTypes(), |
| | | show: false |
| | | }; |
| | | }, |
| | | emits: ['tableClick'], |
| | | watch: { |
| | | deviceType(nV, oV) { |
| | | if (nV != oV) { |
| | | this.selectFactorType = this.defaultFactorTypes(); |
| | | } |
| | | } |
| | | }, |
| | | methods: { |
| | | handleTableClick(index) { |
| | | this.$emit('tableClick', index); |
| | | }, |
| | | defaultFactorTypes() { |
| | | const list = checkboxOptions(this.deviceType); |
| | | if (list.length > 3) { |
| | | return list.slice(0, 3).map((v) => v.value); |
| | | } else { |
| | | return list.map((v) => v.value); |
| | | } |
| | | } |
| | | } |
| | | }; |