| | |
| | | <template> |
| | | <el-form-item label="类型"> |
| | | <el-form-item v-show="show" label="类型"> |
| | | <el-select |
| | | :model-value="modelValue" |
| | | @change="handleChange" |
| | | @update:model-value="handleChange" |
| | | placeholder="类型" |
| | | size="small" |
| | | class="w-80" |
| | | :disabled="disabled" |
| | | > |
| | | <el-option |
| | | v-for="(s, i) in typeList" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import { typeList } from '@/constant/device-type'; |
| | | export default { |
| | | props: { |
| | | disabled: { |
| | | type: Boolean, |
| | | default: import.meta.env.VITE_DATA_MODE == 'jingan' |
| | | }, |
| | | show: { |
| | | type: Boolean, |
| | | default: import.meta.env.VITE_DATA_MODE != 'jingan' |
| | | }, |
| | | modelValue: String |
| | | }, |
| | | emits: ['update:modelValue'], |
| | | emits: ['update:modelValue', 'initOver'], |
| | | data() { |
| | | return { |
| | | typeList: [ |
| | | { |
| | | label: '车载', |
| | | value: '0a' |
| | | }, |
| | | { |
| | | label: '无人机', |
| | | value: '0b' |
| | | }, |
| | | { |
| | | label: '无人船', |
| | | value: '0c' |
| | | } |
| | | ] |
| | | typeList: typeList(), |
| | | isShow: import.meta.env.VITE_DATA_MODE != 'jingan' |
| | | }; |
| | | }, |
| | | watch: { |
| | | show: { |
| | | handler(nV) { |
| | | this.isShow = nV; |
| | | }, |
| | | immediate: true |
| | | } |
| | | }, |
| | | methods: { |
| | | handleChange(value) { |
| | | // todo 根据设备类型切换地图载具的图标、 |
| | | this.$emit('update:modelValue', value); |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.$emit('initOver'); |
| | | this.handleChange(this.typeList[0].value); |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped></style> |